首页 > 代码库 > Android-----使用Button特效 selector+shape

Android-----使用Button特效 selector+shape

2024-07-26 05:45:11   220人阅读

当然除了使用drawable这样的图片外今天谈下自定义图形shape的方法，对于Button控件Android上支持以下几种属性shape、gradient、stroke、corners等。

  我们就以目前系统的Button的selector为例说下:

Java代码  
  1. <shape>  
  2.             <gradient  
  3.                 android:startColor="#ff8c00"  
  4.                 android:endColor="#FFFFFF"  
  5.                 android:angle="270" />  
  6.             <stroke  
  7.                 android:width="2dp"  
  8.                 android:color="#dcdcdc" />  
  9.             <corners  
  10.                 android:radius="2dp" />  
  11.             <padding  
  12.                 android:left="10dp"  
  13.                 android:top="10dp"  
  14.                 android:right="10dp"  
  15.                 android:bottom="10dp" />  
  16.         </shape>  

 

对于上面，这条shape的定义，分别为渐变，在gradient中startColor属性为开始的颜色，endColor为渐变结束的颜色，下面的angle是角度。接下来是stroke可以理解为边缘，corners为拐角这里radius属性为半径，最后是相对位置属性padding。

 对于一个Button完整的定义可以为：

Java代码  
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector  
  3.     xmlns:android="http://www.norkoo.com">  
  4.     <item android:state_pressed="true" >  
  5.         <shape>  
  6.             <gradient  
  7.                 android:startColor="#ff8c00"  
  8.                 android:endColor="#FFFFFF"  
  9.                 android:angle="270" />  
  10.             <stroke  
  11.                 android:width="2dp"  
  12.                 android:color="#dcdcdc" />  
  13.             <corners  
  14.                 android:radius="2dp" />  
  15.             <padding  
  16.                 android:left="10dp"  
  17.                 android:top="10dp"  
  18.                 android:right="10dp"  
  19.                 android:bottom="10dp" />  
  20.         </shape>  
  21.     </item>  
  22.   
  23.     <item android:state_focused="true" >  
  24.         <shape>  
  25.             <gradient  
  26.                 android:startColor="#ffc2b7"  
  27.                 android:endColor="#ffc2b7"  
  28.                 android:angle="270" />  
  29.             <stroke  
  30.                 android:width="2dp"  
  31.                 android:color="#dcdcdc" />  
  32.             <corners  
  33.                 android:radius="2dp" />  
  34.             <padding  
  35.                 android:left="10dp"  
  36.                 android:top="10dp"  
  37.                 android:right="10dp"  
  38.                 android:bottom="10dp" />  
  39.         </shape>  
  40.     </item>  
  41.   
  42.     <item>          
  43.         <shape>  
  44.             <gradient  
  45.                 android:startColor="#ff9d77"  
  46.                 android:endColor="#ff9d77"  
  47.                 android:angle="270" />  
  48.             <stroke  
  49.                 android:width="2dp"  
  50.                 android:color="#fad3cf" />  
  51.             <corners  
  52.                 android:radius="2dp" />  
  53.             <padding  
  54.                 android:left="10dp"  
  55.                 android:top="10dp"  
  56.                 android:right="10dp"  
  57.                 android:bottom="10dp" />  
  58.         </shape>  
  59.     </item>  
  60. </selector>  

 

注意！提示大家，以上几个item的区别主要是体现在state_pressed按下或state_focused获得焦点时，当当来判断显示什么类型，而没有state_xxx属性的item可以看作是常规状态下。

 

<?xml version="1.0" encoding="utf-8"?>

    <selector xmlns:android="http://schemas.android.com/apk/res/android" >

        <item

            android:color="hex_color"

            android:state_pressed=["true" | "false"]

            android:state_focused=["true" | "false"]

            android:state_selected=["true" | "false"]

            android:state_active=["true" | "false"]

            android:state_checkable=["true" | "false"]

            android:state_checked=["true" | "false"]

            android:state_enabled=["true" | "false"]

            android:state_window_focused=["true" | "false"] />

    </selector>

 

Elements：

<selector>

必须。必须是根元素。包含一个或多个<item>元素。

              Attributes：

                  xmlns:android

                            String，必须。定义XML的命名空间，必须是

                            “http://schemas.android.com/apk/res/android”.

    <item>

              定义特定状态的color，通过它的特性指定。必须是<selector>的子元素。

              Attributes：

                  android:color

                            16进制颜色。必须。这个颜色由RGB值指定，可带Alpha。

                            这个值必须以“#”开头，后面跟随Alpha-Red-Green-Blue信息：

l   #RGB

l   #ARGB

l   #RRGGBB

l   #AARRGGBB

    android:state_pressed

Boolean。“true”表示按下状态使用（例如按钮按下）；“false”表示非按下状态使用。

                  android:state_focused

Boolean。“true”表示聚焦状态使用（例如使用滚动球/D-pad聚焦Button）；“false”表示非聚焦状态使用。

                  android:state_selected

Boolean。“true”表示选中状态使用（例如Tab打开）；“false”表示非选中状态使用。

                  android:state_checkable

Boolean。“true”表示可勾选状态时使用；“false”表示非可勾选状态使用。（只对能切换可勾选—非可勾选的构件有用。）

                  android:state_checked

                            Boolean。“true”表示勾选状态使用；“false”表示非勾选状态使用。

                  android:state_enabled

Boolean。“true”表示可用状态使用（能接收触摸/点击事件）；“false”表示不可用状态使用。

                  android:window_focused

Boolean。“true”表示应用程序窗口有焦点时使用（应用程序在前台）；“false”表示无焦点时使用（例如Notification栏拉下或对话框显示）。

注意：记住一点，StateList中第一个匹配当前状态的item会被使用。因此，如果第一个item没有任何状态特性的话，那么它将每次都被使用，这也是为什么默认的值必须总是在最后（如下面的例子所示）。

 

Examples：

XML文件保存在res/color/button_text.xml

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true"

          android:color="#ffff0000"/> <!-- pressed -->

    <item android:state_focused="true"

          android:color="#ff0000ff"/> <!-- focused -->

    <item android:color="#ff000000"/> <!-- default -->

</selector>

 

    这个Layout XML会应用ColorStateList到一个View上：

<Button

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:text="@string/button_text"

    android:textColor="@color/button_text" />

 

来源（一）：http://www.norkoo.com/show/Mobile_Technology/android/haihkhjijkijajkihgcdkiibkbcee.aspx

来源（二）：http://www.cnblogs.com/xirihanlin/archive/2010/06/11/1756121.html

Android-----使用Button特效 selector+shape


联系
我们