快捷導(dǎo)航

Android中的Shape和Selector的結(jié)合使用實(shí)例

更新時(shí)間：2015年06月06日 11:17:20 投稿：junjie

這篇文章主要介紹了Android中的Shape和Selector的結(jié)合使用實(shí)例,本文直接給出實(shí)例代碼,需要的朋友可以參考下

一：在Android程序開發(fā)中，我們經(jīng)常會(huì)去用到Shape這個(gè)東西去定義各種各樣的形狀，首先我們了解一下Shape下面有哪些標(biāo)簽，都代表什么意思：

(1).solid：填充
android:color指定填充的顏色
(2).gradient：漸變

android:startColor和android:endColor分別為起始和結(jié)束顏色，
android:angle是漸變角度，必須為45的整數(shù)倍。

另外漸變默認(rèn)的模式為android:type=”linear”，即線性漸變，
可以指定漸變?yōu)閺较驖u變，android:type=”radial”，徑向漸變需要指定半徑android:gradientRadius=”50”。

angle值對(duì)應(yīng)的位置如圖：

(3).stroke：描邊

android:width=”2dp” 描邊的寬度，android:color 描邊的顏色。
我們還可以把描邊弄成虛線的形式，設(shè)置方式為：
android:dashWidth=”5dp”
android:dashGap=”3dp”
其中android:dashWidth表示'-‘這樣一個(gè)橫線的寬度，android:dashGap表示之間隔開的距離

(4).corners：圓角

android:radius為角的弧度，值越大角越圓。
我們還可以把四個(gè)角設(shè)定成不同的角度，同時(shí)設(shè)置五個(gè)屬性，則Radius屬性無效
android:Radius=”20dp” 設(shè)置四個(gè)角的半徑
android:topLeftRadius=”20dp” 設(shè)置左上角的半徑
android:topRightRadius=”20dp” 設(shè)置右上角的半徑
android:bottomLeftRadius=”20dp” 設(shè)置右下角的半徑
android:bottomRightRadius=”20dp” 設(shè)置左下角的半徑

(5).padding：間隔

可以設(shè)置上下左右四個(gè)方向的間隔

二：代碼如下：

(1).button_bg.xml如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

  <!-- 漸變 -->
  <gradient
    android:endColor="#FFFFFF"
    android:gradientRadius="50"
    android:startColor="#ff8c00"
    android:type="radial" />

  <!-- 描邊 -->
  <stroke
    android:dashGap="3dp"
    android:dashWidth="5dp"
    android:width="2dp"
    android:color="#dcdcdc" />

  <!-- 圓角 -->
  <corners android:radius="5dp" />

  <!-- 間隔 -->
  <padding
    android:bottom="10dp"
    android:left="10dp"
    android:right="10dp"
    android:top="10dp" />

</shape>

(2).shape_image.xml如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

  <!-- 填充 -->
  <solid android:color="#ff9d77" />
  <!-- 定義填充的顏色值 -->


  <!-- 描邊 -->
  <stroke
    android:width="2dp"
    android:color="#fad3cf" />
  <!-- 定義描邊的寬度和描邊的顏色值 -->


  <!-- 圓角 -->
  <corners
    android:bottomLeftRadius="5dp"
    android:bottomRightRadius="5dp"
    android:topLeftRadius="5dp"
    android:topRightRadius="5dp" />
  <!-- 設(shè)置四個(gè)角的半徑 -->


  <!-- 間隔 -->
  <padding
    android:bottom="10dp"
    android:left="10dp"
    android:right="10dp"
    android:top="10dp" />
  <!-- 設(shè)置各個(gè)方向的間隔 -->

</shape>

(3).button.xml如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

  <item android:drawable="@drawable/button_pressed_bg" android:state_pressed="true"></item>
  <item android:drawable="@drawable/shape_image"></item>

</selector>

您可能感興趣的文章: