Android常用控件封装：统一样式、背景使用方式

来源：互联网发布：孙悟空法力知乎编辑：程序博客网时间：2024/05/16 08:24

1.Button控件样式

A.效果图

B.布局

<Button            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:background="@drawable/btn_bg"            android:text="确定"            android:textColor="@android:color/white"            android:textSize="16sp" />

C.shape背景

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" >    <!-- 按下 -->    <item android:state_pressed="true">        <shape>            <!-- 边框颜色 -->            <stroke android:color="@android:color/holo_blue_light" android:width="1dp" />            <!-- 填充色 -->            <solid android:color="@android:color/holo_blue_light" />            <!-- 实现圆角 -->            <corners android:radius="5dp" />        </shape>    </item>    <!-- 获得焦点 -->    <item android:state_focused="true">        <shape>            <!-- 边框颜色 -->            <stroke android:color="@android:color/holo_blue_light" android:width="1dp" />            <!-- 填充色 -->            <solid android:color="@android:color/holo_blue_light" />            <!-- 实现圆角 -->            <corners android:radius="5dp" />        </shape>    </item>    <!-- 正常状态 -->    <item>        <shape>            <!-- 边框颜色 -->            <stroke android:color="@android:color/holo_blue_dark" android:width="1dp" />            <!-- 填充色 -->            <solid android:color="@android:color/holo_blue_dark" />            <!-- 实现圆角 -->            <corners android:radius="5dp" />        </shape>    </item></selector>

2.EditText输入文本控件样式

A.效果图

B.布局

<EditText            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_marginTop="8dp"            android:background="@drawable/edit_text_bg"            android:gravity="left"            android:hint="请反馈您的宝贵意见^_^"            android:minLines="2"            android:padding="5dp"            android:textSize="16sp" />

C.shape背景

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <!-- 边框颜色 -->    <stroke        android:width="1px"        android:color="@android:color/darker_gray" />    <!-- 填充色 -->    <solid android:color="@android:color/white" />    <!-- 实现圆角 -->    <corners android:radius="5dp" /></shape>

3.RadioButton单选框样式

A.效果图

B.布局

<RadioGroup            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:gravity="center"            android:orientation="horizontal"            android:padding="8dip">            <RadioButton                android:id="@+id/rb_oms"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:button="@drawable/radio_box_bg"                android:checked="true"                android:paddingLeft="5dp"                android:text="销单完成" />            <RadioButton                android:id="@+id/rb_merge"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_marginLeft="25dip"                android:button="@drawable/radio_box_bg"                android:paddingLeft="5dp"                android:text="销单改期" />        </RadioGroup>

C.shape背景

<?xml version="1.0" encoding="utf-8"?><selector  xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_checked="false" android:drawable="@drawable/radio_unselected" />    <item android:state_checked="true" android:drawable="@drawable/radio_selected" /></selector>

4.CheckBox多选框样式

A.效果图

B.布局

 <CheckBox                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:button="@drawable/check_box_bg"                android:paddingLeft="5dp"                android:text="玄武" />

C.shape背景

<?xml version="1.0" encoding="utf-8"?><selector  xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_checked="false" android:drawable="@drawable/check_box_normal" />    <item android:state_checked="true" android:drawable="@drawable/check_box_selected" /></selector>

5.Spinner下拉菜单(下拉弹出框)

A.效果图

B.布局

<Spinner            android:id="@+id/spinner"            android:layout_margin="8dip"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:spinnerMode="dialog"            android:overlapAnchor="false"            android:background="@drawable/spinner_selector" />

C.shape背景

<?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/spinner_bg" />    <item        android:state_focused="true"        android:state_pressed="true"        android:drawable="@drawable/spinner_bg_dianji" />    <item        android:state_focused="false"        android:state_pressed="true"        android:drawable="@drawable/spinner_bg_dianji" />    <item        android:drawable="@drawable/spinner_bg" /></selector>

0 0