文章主要做个人学习记录使用。
有时候为了增强用户体验感,会经常使用到一些特效,比如动画、背景阴影、背景颜色渐变……
不用图片,几行代码轻松搞定~
效果图:
渐变
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:angle="-90"
android:endColor="#FFCC33"
android:startColor="#FFF"/>
</shape>
背景阴影
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle" >
<solid android:color="#0a8c8c8c" />
<corners android:radius="10dp" />
<padding android:bottom="2px"
android:left="1px"
android:right="1px"
android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<solid android:color="#0f898989" />
<corners android:radius="10dp" />
<padding android:bottom="2px"
android:left="1px"
android:right="1px"
android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<solid android:color="#14898989" />
<corners android:radius="10dp" />
<padding android:bottom="2px"
android:left="1px"
android:right="1px"
android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<solid android:color="#19898989" />
<corners android:radius="10dp" />
<padding android:bottom="2px"
android:left="1px"
android:right="1px"
android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<solid android:color="#1e898989" />
<corners android:radius="10dp" />
<padding android:bottom="2px"
android:left="1px"
android:right="1px"
android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<solid android:color="#23898989" />
<corners android:radius="10dp" />
<padding android:bottom="2px"
android:left="1px"
android:right="1px"
android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<solid android:color="#28898989" />
<corners android:radius="10dp" />
<padding android:bottom="2px"
android:left="1px"
android:right="1px"
android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<solid android:color="#2d898989" />
<corners android:radius="10dp" />
<padding android:bottom="2px"
android:left="1px"
android:right="1px"
android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<corners android:radius="10dp" />
<solid android:color="#FFFFFF" />
<padding
android:bottom="10dp"
android:left="10dp"
android:right="10dp"
android:top="10dp" />
</shape>
</item>
</layer-list>