【移动应用开发技术】Android 使用shape制作drawable素材

【移动应用开发技术】Android使用shape制作drawable素材

Android开发中，资源文件中会有大量的图片素材文件，这样会额外增加APP的大小，有时面对对APP大小有限制的，那就要考虑尽可能的对图片进行压缩处理或者减少资源文件中图片的数量，那么减少了资源素材文件，我们如何满足应用对图形的丰富要求呢？我们可以使用shape绘制的，有很多优点。从而满足我们的要求，下面是我整理的一些素材：

首先看最终效果：1、主布局XML文件<LinearLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:padding="10dp"

>

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginBottom="20dp"

android:background="@drawable/s1"

android:padding="10dp"

android:text="@string/s1"

android:textColor="#fff"

android:textSize="16sp"

/>

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginBottom="20dp"

android:background="@drawable/s2"

android:padding="10dp"

android:text="@string/s2"

android:textColor="#ff9800"

android:textSize="16sp"

/>

<ImageButton

android:layout_width="50dp"

android:layout_height="50dp"

android:layout_marginBottom="20dp"

android:background="@drawable/s3"

android:padding="10dp"

android:scaleType="fitXY"

android:src="@drawable/ic_launcher"

/>

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginBottom="20dp"

android:background="@drawable/s4"

android:padding="5dp"

android:text="@string/s4"

android:textColor="#fff"

android:textSize="16sp"

/>

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginBottom="20dp"

android:background="@drawable/s5"

android:padding="5dp"

android:text="@string/s5"

android:textColor="#00bcd4"

android:textSize="16sp"

/>

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginBottom="20dp"

android:background="@drawable/s6"

android:padding="5dp"

android:text="@string/s6"

android:textColor="#fff"

android:textSize="16sp"

/>

</LinearLayout>2、shape文件

1）s1.xml<?xml

version="1.0"

encoding="utf-8"?>

<shape

xmlns:android="/apk/res/android"

>

<solid

android:color="#23C7B2"

/>

<corners

android:radius="8dp"

/>

</shape>

2）s2.xml

<?xml

version="1.0"

encoding="utf-8"?>

<shape

xmlns:android="/apk/res/android"

>

<solid

android:color="#00000000"

/>

<corners

android:radius="8dp"

/>

<stroke

android:width="1dp"

android:color="#ff9800"

/>

</shape>

3）s3.xml

<selector

xmlns:android="/apk/res/android">

<item

android:state_pressed="true">

<shape

android:shape="oval">

<solid

android:color="#42A0DB"

/>

</shape>

</item>

<item

android:state_focused="true">

<shape

android:shape="oval">

<solid

android:color="#42A0DB"

/>

</shape>

</item>

<item>

<shape

android:shape="oval">

<solid

android:color="#42A0DB"

/>

</shape>

</item>

</selector>

4）s4.xml<selector

xmlns:android="/apk/res/android">

<item

android:state_pressed="true">

<shape>

<solid

android:color="#7F79B5"

/>

<corners

android:radius="8dp"

/>

</shape>

</item>

<item

android:state_focused="true">

<shape>

<solid

android:color="#7F79B5"

/>

<corners

android:radius="8dp"

/>

</shape>

</item>

<item>

<shape>

<solid

android:color="#7F79B8"

/>

<corners

android:radius="8dp"

/>

</shape>

</item>

</selector>

5）s5.xml<selector

xmlns:android="/apk/res/android">

<item

android:state_pressed="true">

<shape>

<solid

android:color="#e3e3e3"

/>

<corners

android:radius="8dp"

/>

<stroke

android:width="1dp"

android:color="#00bcd4"

/>

</shape>

</item>

<item

android:state_focused="true">

<shape>

<solid

android:color="#e3e3e3"

/>

<corners

android:radius="8dp"

/>

<stroke

android:width="1dp"

android:color="#00bcd4"

/>

</shape>

</item>

<item>

<shape>

<solid

android:color="#00000000"

/>

<corners

android:radius="8dp"

/>

<stroke

android:width="1dp"

android:color="#00bcd4"

/>

</shape>

</item>

</selector>

6）s6.xml<?xml

version="1.0"

encoding="utf-8"?>

<selector

xmlns:android="/apk/res/android"

>

<item

android:state_pressed="true">

<layer-list>

<item

android:top="3dp">

<shape>

<solid

android:color="#00bcd4"

/>

<corners

android:radius="8dp"

/>

</shape>

</item>

</layer-list>

</item>

<item

android:state_focused="true">

<layer-list>

<item

android:top="3dp">

<shape>

<solid

android:color="#00bcd4"

/>

<corners

android:radius="8dp"

/>

</shape>

</item>

</layer-list>

</item>

<item>

<layer-list>

<item>

<shape>

<solid

android:color="#dddddd"

/>

<corners

android:radius="8dp"/>

</shape>

</item>

<item

android:bottom="3dp">

<shape>

<solid

android:color="#00bcd4"

/>

<corners

android:radius="8dp"/>

</shape>

</item>

</layer-list>

</item>

</selector>3、String.xml<?xml

version="1.0"

encoding="utf-8"?>

<resources>

<string

name="app_name">shape制作drawable素材</string>

<string

name="action_settings">Settings</string>

<string

name="hello_world">Hello

world!</string>

<string

name="s1">我是第一行</string>

<string

name="s2">我是第二行</string>

<string

na