一个view控件的各种样式：包括控件间隔、文字大小和颜色、阴影、形状等等，这些样式主要通过shape、selector、layer-list、level-list、style、theme等组合实现。控件包括Button、EditText、ProgressBar、Toast、Checkbox等。
一 , shape
shape 用于形状和背景颜色的样式，分为以下四种形状。
android:shape属性：
- rectangle: 矩形，默认的形状，可以画出直角矩形、圆角矩形、弧形等
- oval: 椭圆形，用得比较多的是画正圆
- line: 线形，可以画实线和虚线
- ring: 环形，可以画环形进度条
效果属性：比如颜色，圆角：
- solid: 设置形状填充的颜色，只有android:color一个属性
android:color 填充的颜色 - padding: 设置内容与形状边界的内间距，可分别设置左右上下的距离
android:left 左内间距
android:right 右内间距
android:top 上内间距
android:bottom 下内间距 - gradient: 设置形状的渐变颜色，可以是线性渐变、辐射渐变、扫描性渐变
android:type 渐变的类型
-----> linear 线性渐变，默认的渐变类型
-----> radial 放射渐变，设置该项时，android:gradientRadius也必须设置
-----> sweep 扫描性渐变
android:startColor 渐变开始的颜色
android:endColor 渐变结束的颜色
android:centerColor 渐变中间的颜色
android:angle 渐变的角度，线性渐变时才有效，必须是45的倍数，0表示从左到右，90表示从下到上
android:centerX 渐变中心的相对X坐标，放射渐变时才有效，在0.0到1.0之间，默认为0.5，表示在正中间
android:centerY 渐变中心的相对X坐标，放射渐变时才有效，在0.0到1.0之间，默认为0.5，表示在正中间
android:gradientRadius 渐变的半径，只有渐变类型为radial时才使用
android:useLevel 如果为true，则可在LevelListDrawable中使用 - corners: 设置圆角，只适用于rectangle类型，可分别设置四个角不同半径的圆角，当设置的圆角半径很大时，比如200dp，就可变成弧形边了
android:radius 圆角半径，会被下面每个特定的圆角属性重写
android:topLeftRadius 左上角的半径
android:topRightRadius 右上角的半径
android:bottomLeftRadius 左下角的半径
android:bottomRightRadius 右下角的半径 - stroke: 设置描边，可描成实线或虚线。
android:color 描边的颜色
android:width 描边的宽度
android:dashWidth 设置虚线时的横线长度
android:dashGap 设置虚线时的横线之间的距离 - size: 设置形状默认的大小，可设置宽度和高度
android:width 宽度
android:height 高度
rectangle 矩形列子：
效果图
这是一个带圆角，渐变背景矩形；如果不要渐变效果，直接删掉，这里是为了综合运用。
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@color/orange" />
<padding
android:left="@dimen/dp5"
android:right="@dimen/dp5"/>
// 这里如果不需要四个角都是圆弧，可以自定义想要的角圆弧，具体属性看上面 （效果属性）
<corners android:radius="@dimen/dp10" />
<gradient
android:angle="90"
android:centerColor="@color/colorPrimaryDark"
android:endColor="@color/orange"
android:startColor="@color/colorAccent"
android:type="linear" />
</shape>
line: 线形:
这里就不用给案例了,用上面的效果属性(stroke)实现,也可以用View来实现线.
oval 圆例子：
效果图
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="@color/orange" />
<gradient
android:angle="90"
android:centerColor="@color/colorPrimaryDark"
android:endColor="@color/orange"
android:startColor="@color/colorAccent"
android:type="linear" />
// 设置形状的大小,这个大小最好不要在这里设置，如果内容多大于设置的这个尺寸，就会被拉伸变形，在View控件设置大小
<size
android:width="@dimen/dp80"
android:height="@dimen/dp80"
/>
</shape>
ring: 环形例子
效果图
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:innerRadiusRatio="3"
android:shape="ring"
android:thicknessRatio="9"
android:useLevel="false">
<solid android:color="@color/orange" />
// 如果不要这个属性,就是一个标准的环形, 可以通过android:type的三个属性设置不同的效果
<gradient
android:angle="90"
android:endColor="@color/orange"
android:startColor="@color/white"
android:type="sweep" />
// 设置边线
<stroke android:width="1dp"
android:color="@color/black"/>
// 设置形状的大小,这个大小最好不要在这里设置，如果内容多大于设置的这个尺寸，就会被拉伸变形，在View控件设置大小
<size
android:width="@dimen/dp80"
android:height="@dimen/dp80" />
</shape>
二, selector
selector样式,一般用于改变样式状态,比如button按下改变背景,CheckBox选中状态, 是通过item标签中定义的属性改变的,可以添加一个或多个item子标签.
item常用属性
- android:state_enabled: 设置触摸或点击事件是否可用状态，一般只在false时设置该属性，表示不可用状态
- android:state_pressed: 设置是否按压状态，一般在true时设置该属性，表示已按压状态，默认为false
- android:state_selected: 设置是否选中状态，true表示已选中，false表示未选中
- android:state_checked: 设置是否勾选状态，主要用于CheckBox和RadioButton，true表示已被勾选，false表示未被勾选
- android:state_checkable: 设置勾选是否可用状态，类似state_enabled，只是state_enabled会影响触摸或点击事件，而state_checkable影响勾选事件
- android:state_focused: 设置是否获得焦点状态，true表示获得焦点，默认为false，表示未获得焦点
- android:state_window_focused: 设置当前窗口是否获得焦点状态，true表示获得焦点，false表示未获得焦点，例如拉下通知栏或弹出对话框时，当前界面就会失去焦点；另外，ListView的ListItem获得焦点时也会触发true状态，可以理解为当前窗口就是ListItem本身
- android:state_activated: 设置是否被激活状态，true表示被激活，false表示未激活，API Level 11及以上才支持，可通过代码调用控件的setActivated(boolean)方法设置是否激活该控件
- android:state_hovered: 设置是否鼠标在上面滑动的状态，true表示鼠标在上面滑动，默认为false，API Level 14及以上才支持
按钮背景
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/orange"/>
<item android:drawable="@drawable/pressed_orange" android:state_pressed="true"/>
</selector>
按钮文本颜色
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@android:color/white" android:state_pressed="true" />
<item android:color="@android:color/black" android:state_checked="false" />
</selector>
最后控件的引用
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="xiaowu"
android:textColor="@drawable/text_color"
android:background="@drawable/first_selector"/>
CheckBox 切换
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/item_uncheck" android:state_pressed="true" />
<item android:drawable="@drawable/item_check" android:state_checked="true" />
<item android:drawable="@drawable/item_uncheck" android:state_checked="false" />
</selector>
网友评论