【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android使用shape制作drawable素材

Android開發(fā)中，資源文件中會(huì)有大量的圖片素材文件，這樣會(huì)額外增加APP的大小，有時(shí)面對(duì)對(duì)APP大小有限制的，那就要考慮盡可能的對(duì)圖片進(jìn)行壓縮處理或者減少資源文件中圖片的數(shù)量，那么減少了資源素材文件，我們?nèi)绾螡M足應(yīng)用對(duì)圖形的豐富要求呢？我們可以使用shape繪制的，有很多優(yōu)點(diǎn)。從而滿足我們的要求，下面是我整理的一些素材：

首先看最終效果：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