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"?>
<shape xmlns: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">

<gradient 

       android: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>