展会信息港展会大全

在Android中自定义IOS风格的按钮
来源:互联网   发布日期:2015-12-04 16:29:18   浏览:2822次  

导读:IOS风格的UI比较流行,很多Android的UI设计者也愿意将Android的UI设计成类似IOS系统的UI风格。下面是一个例子,说明如何使用Shape来定义一个IOS风格的按钮。定义一个ios_button_grouped.xml。?xmlversion=1.0......

IOS风格的UI比较流行,很多Android的UI设计者也愿意将Android的UI设计成类似IOS系统的UI风格。下面是一个例子,说明如何使用Shape来定义一个IOS风格的按钮。

定义一个ios_button_grouped.xml。

<?xmlversion="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

<?xmlversion="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="1dp"

android:color="@android:color/black"/>

<corners

android:radius="5dp"/>

</shape>

定义ios_button_grouped_pressed.xml

<?xmlversion="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="1dp"

android:color="@android:color/black"/>

<corners

android:radius="5dp"/>

</shape>

这里主要是定义Shape中的rectangle的颜色。还有一些颜色属性可以设置,比如startColor,endColor,angle等等,可以定义出漂亮的UI效果。建议参考API文档。

效果:

使用方法:

当做图片作为背景使用即可。

android:background="@drawable/ios_button_grouped"

---------------------------------------------------------------------------

GL(arui319)

http://blog.csdn.net/arui319

<本文可以转载,但是请保留以上作者信息。谢谢。>

---------------------------------------------------------------------------

赞助本站

人工智能实验室

相关热词: IOS

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港