前言
根據(jù)啟艦 的博客所學(xué)習(xí)的自定義View犀忱。
一募谎、shape講解
利用代碼繪制出背景效果，可以定義填充色阴汇、描邊数冬、圓角、漸變等
1. 使用方法
在res/drawable文件夾下搀庶，新建一個(gè)文件拐纱，命名為xx.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<corners android:radius="3dp" />
<padding
android:left="3dp"
android:right="3dp"
android:top="2dp"
android:bottom="2dp"/>
<stroke
android:width="1px"
android:color="@color/xhc_red" />
</shape>
調(diào)用的時(shí)候，一般這樣：
android:background="@drawable/xx"
2. 具體講解(corners地来、gradient戳玫、padding、size未斑、solid咕宿、stroke)
- Corners
<corners //定義圓角
android:radius="dimension" //全部的圓角半徑,與其它四個(gè)并不能共同使用
android:topLeftRadius="dimension" //左上角的圓角半徑
android:topRightRadius="dimension" //右上角的圓角半徑
android:bottomLeftRadius="dimension" //左下角的圓角半徑
android:bottomRightRadius="dimension" /> //右下角的圓角半徑
- solid和stroke
<solid //指定內(nèi)部填充色
android:color="color" />
<stroke //描邊屬性
android:width="dimension" //描邊的寬度
android:color="color" //描邊的顏色
// 以下兩個(gè)屬性設(shè)置虛線
android:dashWidth="dimension" //虛線的寬度，值為0時(shí)是實(shí)線
android:dashGap="dimension" /> //虛線的間隔
- size和padding
<size //定義圖形的大小
android:width="dimension"
android:height="dimension" />
<padding //定義內(nèi)部邊距
android:left="dimension"
android:top="dimension"
android:right="dimension"
android:bottom="dimension" />
舉個(gè)栗子??
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners
android:bottomLeftRadius="10dp"
android:bottomRightRadius="10dp"
android:topLeftRadius="20dp"
android:topRightRadius="2dp"/>
<solid
android:color="@color/colorPrimary"/>
//藍(lán)色
<stroke
android:width="1dp"
android:color="@color/colorAccent"/>
//紅色
<padding
android:bottom="3dp"
android:left="5dp"
android:right="5dp"
android:top="3dp"/>
<size
android:width="160dp"/>
</shape>
<TextView
android:layout_centerInParent="true"
android:textColor="#fff"
android:gravity="center"
android:text="shape demo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/shapedemo"
/>
效果如下：
- gradient
<gradient
android:type=["linear" | "radial" | "sweep"] //共有3中漸變類型蜡秽，線性漸變（默認(rèn)）/放射漸變/掃描式漸變
android:angle="integer" //漸變角度府阀，必須為45的倍數(shù)，0為從左到右芽突，90為從上到下 试浙，只對(duì)線性漸變linear有效
android:centerX="float" //漸變中心X的相對(duì)位置，范圍為0～1
android:centerY="float" //漸變中心Y的相對(duì)位置寞蚌，范圍為0～1
android:startColor="color" //漸變開始點(diǎn)的顏色
android:centerColor="color" //漸變中間點(diǎn)的顏色田巴，在開始與結(jié)束點(diǎn)之間
android:endColor="color" //漸變結(jié)束點(diǎn)的顏色
android:gradientRadius="float" //漸變的半徑钠糊，只有當(dāng)漸變放射類型radial時(shí)才能使用
引用自http://blog.csdn.net/harvic880925/article/details/41850723
舉個(gè)栗子??
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners
android:bottomLeftRadius="10dp"
android:bottomRightRadius="10dp"
android:topLeftRadius="20dp"
android:topRightRadius="2dp"/>
<padding
android:bottom="3dp"
android:left="5dp"
android:right="5dp"
android:top="3dp"/>
<size
android:height="160dp"
android:width="160dp"/>
<gradient
android:type="sweep"
android:startColor="#ff0000"
android:centerColor="#00ff00"
android:endColor="#0000ff"
android:centerX="0.2"
android:centerY="0.8"/>
</shape>
效果圖：
3. Shape的屬性（rectangle、oval壹哺、line抄伍、ring）
android:shape=["rectangle" | "oval" | "line" | "ring"]
//shape的形狀，默認(rèn)為矩形管宵，可以設(shè)置為矩形（rectangle）截珍、橢圓形(oval)、線性形狀(line)箩朴、環(huán)形(ring)
//下面的屬性只有在android:shape="ring"時(shí)可用：
android:innerRadius // 尺寸岗喉，內(nèi)環(huán)的半徑。
android:innerRadiusRatio // 浮點(diǎn)型炸庞，以環(huán)的寬度比率來表示內(nèi)環(huán)的半徑钱床，
android:thickness //尺寸，環(huán)的厚度
android:thicknessRatio // 浮點(diǎn)型埠居，以環(huán)的寬度比率來表示環(huán)的厚度诞丽，例如，如果android:thicknessRatio="2", 那么環(huán)的厚度就等于環(huán)的寬度除以2拐格。這個(gè)值是可以被android:thickness覆蓋的，默認(rèn)值是3.
android:useLevel // boolean值刑赶，如果當(dāng)做是LevelListDrawable使用時(shí)值為true捏浊，否則為false. 一般設(shè)為false。
舉個(gè)栗子：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="ring"
android:innerRadius="10dp"
android:thickness="50dp"
android:useLevel="false">
<!--（這里一定要要加上useLevel屬性并定義為false撞叨，不然沒有效果）-->
<solid android:color="#ff00ff"/>
<size
android:width="160dp"
android:height="110dp" />
</shape>
效果圖
二金踪、selector講解
用于定義在用戶不同的動(dòng)作狀態(tài)下，使用不同的背景值
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
android:constantSize=["true" | "false"] //如果這里設(shè)置成true就相當(dāng)于居中牵敷，如果不設(shè)置或者設(shè)置為false就是拉伸
android:dither=["true" | "false"]//抖動(dòng)效果
android:variablePadding=["true" | "false"] >//可變的填充,默認(rèn)值為false胡岔，一般建議設(shè)置為false就行。
<item
android:drawable="@[package:]drawable/drawable_resource"http:// 設(shè)置圖標(biāo)或者drawable
android:state_pressed=["true" | "false"]//是否被按下
android:state_checked=["true" | "false"] //是否已勾選
android:state_checkable=["true" | "false"] //是否可勾選
android:state_selected=["true" | "false"] // 是否被選中
android:state_enabled=["true" | "false"] // 是否可用
android:state_focused=["true" | "false"] // 是否已獲得焦點(diǎn)
android:state_active=["true" | "false"] //是否激活
android:state_window_focused=["true" | "false"] //窗口是否獲得焦點(diǎn)
android:state_first=["true" | "false"] //是否處于開始狀態(tài)
android:state_last=["true" | "false"] //是否處于結(jié)束狀態(tài)
android:state_hovered=["true" | "false"] //光標(biāo)是否停留在View的自身大小范圍內(nèi)的狀態(tài)
</selector>
系統(tǒng)在selector尋找符合要求的item時(shí)是按照代碼的順序從上向下遍歷的枷餐，一旦發(fā)現(xiàn)符合狀態(tài)的item就直接使用它靶瘸，并停止繼續(xù)尋找！如果把這些狀態(tài)理解成集合的話毛肋，那么位于下面的集合一定不要是上面某個(gè)集合的子集怨咪，否則是不會(huì)輪到下面這個(gè)集合出場(chǎng)的。
selector用法舉例
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_pressed="true"
android:drawable="@drawable/picture1" />
<item
android:drawable="@drawable/picture2"/> //不能但在最上邊哦润匙，不然會(huì)失效的
</selector>
效果：
1.在按壓狀態(tài)下展示picture1這種圖片诗眨；
2.在默認(rèn)狀態(tài)下展示picture2這種圖片;
三、layerlist講解
主要作用就是將多個(gè)圖層按照順序疊起來孕讳，做為一個(gè)背景圖來顯示匠楚。
1. layerlist用法舉例
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:drawable="@mipmap/bear"
/>
<!--left等四個(gè)偏移量和控件的margin設(shè)置差不多巍膘，都是外間距的效果。
如果不設(shè)置偏移量芋簿，前面的圖層就完全擋住了后面的圖層峡懈，從而也看不到后面的圖層效果了。 -->
<item
android:bottom="2dp"
android:left="2dp"
android:right="2dp"
android:top="2dp">
<shape>
<corners android:radius="25dp"/>
<solid android:color="#00ff00"/>
</shape>
</item>
<item
android:bottom="5dp"
android:left="5dp"
android:right="5dp"
android:top="5dp">
<selector>
<item android:state_pressed="true"
>
<shape>
<corners android:radius="25dp"/>
<solid android:color="#FF0000"/>
</shape>
</item>
<item
>
<shape>
<corners android:radius="25dp"/>
<solid android:color="#FFFFFF"
/>
</shape>
</item>
</selector>
</item>
</layer-list>
<TextView
android:clickable="true"
android:layout_centerInParent="true"
android:textColor="#fff"
android:gravity="center"
android:text="shape demo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/shapedemo"
/>
效果：
參考網(wǎng)址
Android中的Selector使用詳解
Android開發(fā)中的drawable文件：shape益咬、layer-list和selector標(biāo)簽
