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>
相关文章推荐
- div+css使用backgroundRepeat样式设置背景图片的显示方式
- 一步一步学Silverlight 2系列(8):使用样式封装控件观感
- 一步一步学Silverlight 2系列(8):使用样式封装控件观感
- 一步一步学Silverlight 2系列(8):使用样式封装控件观感
- 一步一步学Silverlight 2系列(8):使用样式封装控件观感
- 一步一步学Silverlight 2系列(8):使用样式封装控件观感
- 一步一步学Silverlight 2系列(8):使用样式封装控件观感
- (8):Silverlight 2 使用样式封装控件观感
- (8):Silverlight 2 使用样式封装控件观感
- 第08课 使用样式封装控件观感
- Android常用控件-DatePicker以及对话框的两种使用方法
- Android学习之Tab控件(使用TabHost和与Tab对应的Menu,动态更改Tabhost的Tab的背景图标,用到Ratingbar控件)
- 两种方式使用android时间和日期控件
- 两种方式使用android时间和日期控件
- 两种方式使用android时间和日期控件
- 两种方式使用android时间和日期控件
- 一步一步学Silverlight 2系列(8):使用样式封装控件观感
- Android使用XML的方式为背景添加渐变,描边,圆角的效果
- android应用开发笔记---常用控件使用方法
- Android 控件背景图片和imagebutton的使用(selector)