歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> 如何在Android中自定義IOS風格的按鈕

如何在Android中自定義IOS風格的按鈕

日期:2017/3/1 11:08:07   编辑:Linux編程

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"

Copyright © Linux教程網 All Rights Reserved