Android中动态按钮设计实现

Android中动态按钮设计实现

效果图如下：
 
选中时为黄色，为选中时为灰色
所需素材：
   
     
 
 
代码如下：
<LinearLayout android:layout_height="wrap_content" android:id="@+id/catalogNav" android:orientation="horizontal"
				android:layout_width="fill_parent" android:padding="5dip" android:gravity="center_vertical|center">
				<LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content">
					<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/btn_nav_left"
						android:id="@+id/btnTodo" android:text="@string/office_btntodo"></Button>
					<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/btn_nav_line"></ImageView>
					<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/btn_nav_center"
						android:id="@+id/btnToRead" android:text="@string/office_btntoread"></Button>
					<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/btn_nav_line"></ImageView>
					<Button android:layout_width="wrap_content"
						android:layout_height="wrap_content" android:background="@drawable/btn_nav_center"
						android:id="@+id/btnDoing" android:text="@string/office_btndoing"></Button>
					<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/btn_nav_line"></ImageView>
					<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/btnFinish"
						android:background="@drawable/btn_nav_right" android:text="@string/office_btnfinish"></Button>
				</LinearLayout>
			</LinearLayout>

按钮的设计样式代码如下：
<?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="false" android:drawable="@drawable/test" />
<item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/test" />
 -->
<!-- 按下时的图片 -->
<item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/btn_nav_center_1" />
<!-- 默认图片 -->
<item android:drawable="@drawable/btn_nav_center_0" />