您的位置:首页 > 移动开发 > Android开发

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

2016-11-07 19:43 513 查看


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多选框样式


[b][b]A.效果图
[/b][/b]



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" />


[b]C.shape背景
[/b]

<?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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: