Android开发之带图片的按钮

Android开发之带图片的按钮

先上效果图

相关代码

selector_item_btn.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 获取焦点 -->
    <item android:state_focused="true">
        <shape>
             <!-- 按钮获取焦点的颜色 -->
             <solid android:color="@color/btn_selected" /> 
             <!-- 按钮白色的描边 -->
             <stroke android:width="1dp"
                 android:color="@color/white" /> 
             <!-- 按钮四个角的圆角角度 -->
             <corners  
                android:topLeftRadius="3dip"  
                android:topRightRadius="3dip"  
                android:bottomLeftRadius="3dip"  
                android:bottomRightRadius="3dip" />
        </shape>
    </item>

    <!-- 按钮被点击 -->
    <item android:state_pressed="true">
        <shape>
             <!-- 按钮点击下去的颜色 -->
             <solid  android:color="@color/btn_selected" /> 
             <!-- 按钮白色的描边 -->
             <stroke android:width="1dp"
                     android:color="@color/white" /> 
             <!-- 按钮四个角的圆角角度 -->
             <corners  
                android:topLeftRadius="3dip"  
                android:topRightRadius="3dip"  
                android:bottomLeftRadius="3dip"  
                android:bottomRightRadius="3dip" />
        </shape>
    </item>

    <!-- 正常状态下的按钮 -->
    <item>
        <shape>
            <!-- 正常状态下的填充颜色 -->
            <solid  android:color="@color/main_color" />
            <!-- 按钮白色的描边 -->
            <stroke android:width="1dp"
                    android:color="@color/white" />
            <!-- 按钮四个角的圆角角度 --> 
            <corners  
                android:topLeftRadius="3dip"  
                android:topRightRadius="3dip"  
                android:bottomLeftRadius="3dip"  
                android:bottomRightRadius="3dip" />
        </shape>
    </item>

</selector>

布局文件相关代码

        <!-- navigation -->
        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="44dp"
            android:gravity="center_vertical"
            >

            <!-- 提交按钮 -->
            <RelativeLayout 
            android:id="@+id/btn_commit"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/selector_item_btn"
            android:paddingTop="5dp"
            android:paddingBottom="5dp"
            android:paddingRight="10dp"
            android:paddingLeft="5dp"
            android:layout_marginLeft="5dp"
            >

            <ImageView
                android:id="@+id/img1"
                android:layout_width="20dp"
                android:layout_height="20dp"
                style="@style/btn_sub_check_step"
                android:layout_alignParentLeft="true"
                android:src="@drawable/commit"
                />

            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/img1"
                android:layout_centerInParent="true"
                android:text="@string/submit"
                android:textColor="@color/white"
                android:textSize="12sp"
                android:layout_marginLeft="2dp"
                />
        </RelativeLayout>

        <!-- 退出按钮 -->
        <RelativeLayout 
            android:id="@+id/btn_quit"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/selector_item_btn"
            android:layout_alignParentRight="true"
            android:paddingTop="5dp"
            android:paddingBottom="5dp"
            android:paddingRight="10dp"
            android:paddingLeft="5dp"
            android:layout_marginRight="5dp"
            >

            <ImageView
                android:id="@+id/img2"
                android:layout_width="20dp"
                android:layout_height="20dp"
                style="@style/btn_sub_check_step"
                android:layout_alignParentLeft="true"
                android:src="@drawable/quit" />

            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/img2"
                android:layout_centerInParent="true"
                android:text="@string/quit"
                android:textColor="@color/white"
                android:textSize="12sp"
                android:layout_marginLeft="2dp"
                />
        </RelativeLayout>
        </RelativeLayout>