1. 程式人生 > >Android UI介面顯示效果——集合(一)

Android UI介面顯示效果——集合(一)

1:UI介面 — 帶圓角的背景樣式

在drawable資料夾下新建xml,內容如下 :

1> 帶填充色的圓角樣式<?xml    version="1.0"    encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">     <corners android:radius="2dp" /> //圓角     <solid android:color="@color/themeColor" /> //背景顏色</shape>
2> 無填充色的圓角樣式
<?
xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="@dimen/two" /> <stroke android:width="@dimen/one" android:color="@color/themeColor" /> </shape>
2:UI介面 — 圓角虛線框在drawable資料夾下新建xml,內容如下 :
<?xml version=
"1.0" encoding="utf-8"?> <shapexmlns:android="http://schemas.android.com/apk/res/android" > <stroke android:dashGap="4dp" //虛線間的間距 android:dashWidth="4dp" //虛線的寬度 android:width="0.5dp" //線的粗細 android:color="@color/colorShallowAsh" /> //線的顏色 <solid android:color="#FFFFFF" /> //背景色 <corners
android:radius="5dp" /> //圓角 </shape>

3:UI介面 — 漸變色背景

<?xml    version="1.0"    encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradientandroid:angle="-180" //漸變角度android:endColor="#86CCBD" //結束顏色android:startColor="#7EBF36" /> //開始顏色</shape>

4:UI介面 — 選中狀態

<?xml    version="1.0"    encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item    android:state_checked="true"    android:drawable="@drawable/ic_checkmarkk"/><!--選中時效果--><item android:state_checked="false"android:drawable="@drawable/ic_checkr" /><!--未選中時效果修改成你自己的圖片就可以了 -></selector>