自定义按钮样式

自定义按钮样式

 

关键字 UI 按钮

日期 2009/12/14

 

一  简述

Android 可以使用XML 描述图形并在控件中使用。

按钮一般有三种状态:

正常状态 获得焦点状态 按下状态

可以使用一个selector 来显示某一中状态的按钮。创建一个style 并将这个selector 设为background ，之后就可以方便的在控件中使用style 来指定样式。

 

二 实现

transparent_button_normal.xml 正常态的按钮样式

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

<!-- 绘制边框颜色 4dffffff 边框宽度 1px 填充颜色为 10ffffff 的矩形 -->

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

       android:shape="rectangle">

       <stroke android:color="#4dFFFFFF" android:width="1px" />

       <solid android:color="#10FFFFFF" />

</shape>

 

transparent_button_passed.xml 按下状态的按钮样式

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

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

       android:shape="rectangle">

       <stroke android:color="#99FFFFFF" android:width="1px" />

       <solid android:color="#26FFFFFF" />

</shape>

 

transparent_button.xml 按钮 Selector

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

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

       <item android:state_focused="true" android:state_pressed="true"

              android:drawable="@drawable/transparent_button_passed" />

       <item android:state_focused="false" android:state_pressed="true"

              android:drawable="@drawable/transparent_button_passed" />

       <item android:state_focused="true" android:state_pressed="false"

              android:drawable="@drawable/transparent_button_passed" />

       <!-- 初始状态 -->

       <item android:drawable="@drawable/transparent_button_normal" />

</selector>

 

style.xml 透明按钮样式

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

< resources >

       < style name= "Transparent_Button" >

              < item name= "android:textColor" > #FFFFFFFF </ item >

              < item name= "android:textSize" > 20dip </ item >

              < item name= "android:background" > @drawable /transparent_button </ item >

              < item name= "android:minHeight" > 36dip </ item >

              < item name= "android:minWidth" > 124dip </ item >

              < item name= "android:layout_marginTop" > 3dip </ item >

       </ style >

<resources>

 

layout.xml 在一个 Button 中使用这个样式

<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/b_start" style="@style/Transparent_Button" android:id="@+id/b_start">

</Button>