在Android中自定义IOS风格的按钮
IOS风格的UI比较流行,很多Android的UI设计者也愿意将Android的UI设计成类似IOS系统的UI风格。下面是一个例子,说明如何使用Shape来定义一个IOS风格的按钮。
定义一个ios_button_grouped.xml。
<?xml version="1.0"encoding="UTF-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_pressed="true"
android:drawable="@drawable/ios_button_grouped_pressed"/>
<item
android:state_focused="true"
android:state_window_focused="true"
android:drawable="@drawable/ios_button_grouped_pressed"/>
<item
android:drawable="@drawable/ios_button_grouped_normal" />
</selector>
定义ios_button_grouped_normal.xml
<?xml version="1.0"encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid
android:color="#eee" />
<stroke
android:width="1"
android:color="@android:color/black" />
<corners
android:radius="5" />
</shape>
定义ios_button_grouped_pressed.xml
<?xml version="1.0"encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid
android:color="#0be" />
<stroke
android:width="1"
android:color="@android:color/black" />
<corners
android:radius="5" />
</shape>
这里主要是定义Shape中的rectangle的颜色。还有一些颜色属性可以设置,比如startColor,endColor,angle等等,可以定义出漂亮的UI效果。建议参考API文档。
效果:
使用方法:
当做图片作为背景使用即可。
android:background="@drawable/ios_grouped_normal"
---------------------------------------------------------------------------
GL(arui319)
http://blog.csdn.net/arui319
<本文可以转载,但是请保留以上作者信息。谢谢。>
---------------------------------------------------------------------------
更多相关文章
- 如果让我重新设计一款Android(安卓)App
- android editText 插入表情,或者是图片
- 第一章 开始启程,你的第一行Android代码
- 哪里可以下载Android的源代码
- Android应用程序添加自定义的property属性
- Eclipse环境下格式化Android的代码风格
- Android中的?attr/和?android:attr/
- Android(安卓)materialDesign 风格阴影 改变阴影颜色
- Android画图学习总结(四)——Animation(下)