Android UI介面顯示效果——集合(一)
阿新 • • 發佈:2019-01-10
1:UI介面 — 帶圓角的背景樣式
在drawable資料夾下新建xml,內容如下 :
2:UI介面 — 圓角虛線框在drawable資料夾下新建xml,內容如下 :2> 無填充色的圓角樣式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><?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>
<?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" /> //背景色 <cornersandroid: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>