Android shape,自己简单的总结。和学习。
2015-04-01 18:05
183 查看
solid:实心,就是填充的意思
android:color指定填充的颜色。
gradient:渐变
android:startColor和android:endColor分别为起始和结束颜色,ndroid:angle是渐变角度,必须为45的整数倍。
另外渐变默认的模式为android:type="linear",即线性渐变,可以指定渐变为径向渐变,android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。
stroke:描边
android:width="2dp" 描边的宽度,android:color 描边的颜色。
我们还可以把描边弄成虚线的形式,设置方式为:
android:dashWidth="5dp"
android:dashGap="3dp"
其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。
corners:圆角
android:radius为角的弧度,值越大角越圆。
我们还可以把四个角设定成不同的角度,方法为:
android:topLeftRadius="5dp" 左上角
android:bottomRightRadius="5dp" 左下角
android:topRightRadius="0dp" 右上角
android:bottomLeftRadius="0dp" 右下角
我的在一个Activity里面有两个Fragment. 然后在顶部一个导航栏,类似于,那个什么仿美丽说顶部导航栏的东东,他的比较复杂,我的是用两个RadioButton,并列在一起,哪个RadioButtoncheck等ture的时候,就有按下效果,和Activity中对应的Fragment
show。 hide另一个Fragment,达到顶部导航的效果。
扯远了,现在先说下自己这边用到的shape,
先贴个单个作为背景的xml。 起码不用画图,而且适配也挺好的,大家用到的话,看看属性描述,就知道怎么用了。
好了。接下来是正文,自己刚刚用到的, radioButton的check背景。
左右两边的selector.
left_radiobtn_selector (名字自己顺便定义)
右边的selector~右边的按钮点击效果选中和未选中的效果。
类似这个, 布局就不贴了。
选中为蓝色,如果一般文字也是跟着变化的,那么就需要另外写一个selector 添加到文字的背景中。
对了要记得一个radiobutton 要设置check为true.
如有错误,请指正,谢谢。。。
android:color指定填充的颜色。
gradient:渐变
android:startColor和android:endColor分别为起始和结束颜色,ndroid:angle是渐变角度,必须为45的整数倍。
另外渐变默认的模式为android:type="linear",即线性渐变,可以指定渐变为径向渐变,android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。
stroke:描边
android:width="2dp" 描边的宽度,android:color 描边的颜色。
我们还可以把描边弄成虚线的形式,设置方式为:
android:dashWidth="5dp"
android:dashGap="3dp"
其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。
corners:圆角
android:radius为角的弧度,值越大角越圆。
我们还可以把四个角设定成不同的角度,方法为:
android:topLeftRadius="5dp" 左上角
android:bottomRightRadius="5dp" 左下角
android:topRightRadius="0dp" 右上角
android:bottomLeftRadius="0dp" 右下角
我的在一个Activity里面有两个Fragment. 然后在顶部一个导航栏,类似于,那个什么仿美丽说顶部导航栏的东东,他的比较复杂,我的是用两个RadioButton,并列在一起,哪个RadioButtoncheck等ture的时候,就有按下效果,和Activity中对应的Fragment
show。 hide另一个Fragment,达到顶部导航的效果。
扯远了,现在先说下自己这边用到的shape,
先贴个单个作为背景的xml。 起码不用画图,而且适配也挺好的,大家用到的话,看看属性描述,就知道怎么用了。
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 填充颜色 白色内部 --> <solid android:color="#FFFFFF" /> <!-- 描边 蓝色蕾丝边 =。= 你相信吗?--> <stroke android:width="1dp" android:color="#00B8EE"/> <!-- 圆角 --> <corners android:topLeftRadius="5dp" android:bottomRightRadius="5dp" android:topRightRadius="5dip" android:bottomLeftRadius="5dip" /> <!-- 内部的间距 --> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape>
好了。接下来是正文,自己刚刚用到的, radioButton的check背景。
android:background="@drawable/left_radiobtn_selector"
左右两边的selector.
left_radiobtn_selector (名字自己顺便定义)
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_checked="true"> <shape > <!-- 填充颜色 --> <solid android:color="#00B8EE" /> <!-- 描边 --> <stroke android:width="1dp" android:color="#00B8EE"/> <!-- 圆角 --> <corners android:topLeftRadius="5dp" android:bottomRightRadius="5dp" /> <!-- 内部的间距 --> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item> <item android:state_checked="false"> <shape> 填充颜色 <solid android:color="#FFFFFF" /> 描边 <stroke android:width="1dp" android:color="#00B8EE"/> 圆角 <corners android:topLeftRadius="5dp" android:bottomRightRadius="5dp" /> 内部的间距 <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item> </selector>
右边的selector~右边的按钮点击效果选中和未选中的效果。
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_checked="true"> <shape> <!-- 填充颜色 --> <solid android:color="#00B8EE" /> <!-- 描边 --> <stroke android:width="1dp" android:color="#00B8EE"/> <!-- 圆角 --> <corners android:topRightRadius="5dp" android:bottomLeftRadius="5dp" /> <!-- 内部的间距 --> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item> <item android:state_checked="false"> <shape> <!-- 填充颜色 --> <solid android:color="#FFFFFF" /> <!-- 描边 --> <stroke android:width="1dp" android:color="#00B8EE"/> <!-- 圆角 --> <corners android:topRightRadius="5dp" android:bottomLeftRadius="5dp" /> <!-- 内部的间距 --> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item> </selector>
类似这个, 布局就不贴了。
选中为蓝色,如果一般文字也是跟着变化的,那么就需要另外写一个selector 添加到文字的背景中。
对了要记得一个radiobutton 要设置check为true.
android:checked="true"
如有错误,请指正,谢谢。。。
相关文章推荐
- 学习ejb并配置一个简单的helloEjb是遇到问题后总结的经验。
- PHP学习使用资源简单总结
- dojo1.1.0学习总结--简单对话框登陆案例
- SQL 2000基础学习(自己总结)
- 在自己电脑上简单搭建SQL学习平台
- 在自己学习stuts是遇到问题后总结的经验。
- Hibernate3学习总结——第一课时 简单应用演示
- JPA学习总结(搜罗的其他前辈们的知识结晶加上自己的一点点心得)
- 三周学习简单的总结 = =
- vimtutor最后几章学习,以及简单总结
- 第一次触电Blog,希望总结一下自己最近的学习成果
- JDBC连接并简单操作数据库存(自己学习用)
- PHP学习使用资源简单总结
- dojo1.1.0学习总结--简单登陆案例
- 关于AOP的学习过程简单总结
- 从网上看到一些文章,自己再总结一下,在学习编程中一些要点
- PHP学习使用资源简单总结
- PHP学习使用资源简单总结
- 刚学习了linux的DHCP 配置.呵呵.自己上来总结下.
- 【oracle学习】简单总结