android 圆角边框边框渐变,Android中用shape做渐变,边框,圆角等效果

以前没接触到shape的时候,做圆角,渐变等效果都是依赖图片效果;如果对PS不熟悉,光是做图就要花去大把时间。

废话不讲了,把总结的内容记录下来,俺们不是在写博客,算是做个云笔记吧。

shape用法与selector类似:

1.在res-drawable文件夹新建一个.xml文件;(如btn_style.xml)

xmlns:android="http://schemas.android.com/apk/res/android"

android:shape="oval">

android:startColor="#1E90FF"

android:endColor="#EE82EE"

android:angle="90"/>

android:width="2dp"

android:color="#FF8C00"

android:dashWidth="5dp"

android:dashGap="3dp"

/>

效果图:

0818b9ca8b590ca3270a3433284dd417.png

xmlns:android="http://schemas.android.com/apk/res/android"

android:shape="rectangle">

android:startColor="#1E90FF"

android:endColor="#EE82EE"

android:angle="45"

android:centerColor="#ffffff"

/>

android:width="2dp"

android:color="#FF8C00"

android:dashWidth="5dp"

android:dashGap="0dp"

/>

android:radius="5dp"

android:topLeftRadius="5dp"

android:topRightRadius="5dp"

android:bottomLeftRadius="5dp"

android:bottomRightRadius="5dp"

/>

效果图:

0818b9ca8b590ca3270a3433284dd417.png

xmlns:android="http://schemas.android.com/apk/res/android"

android:shape="ring"

android:useLevel= "false"

>

android:startColor="#1E90FF"

android:endColor="#EE82EE"

android:centerColor="#ffffff"

android:angle="135"

android:type="sweep"

/>

android:width="1dp"

android:color="#FF8C00"

/>

效果图:

0818b9ca8b590ca3270a3433284dd417.png

shape与selector组合使用:

xmlns:android="http://schemas.android.com/apk/res/android">

android:startColor="#1E90FF"

android:endColor="#EE82EE"

android:angle="45"

android:centerColor="#ffffff"

/>

android:width="2dp"

android:color="#FF8C00"

android:dashWidth="5dp"

android:dashGap="0dp"

/>

android:radius="5dp"

android:topLeftRadius="5dp"

android:topRightRadius="5dp"

android:bottomLeftRadius="5dp"

android:bottomRightRadius="5dp"

/>

android:startColor="#1E90FF"

android:endColor="#EE82EE"

android:angle="45"

android:centerColor="#ffffff"

/>

android:width="2dp"

android:color="#FF8C00"

android:dashWidth="5dp"

android:dashGap="0dp"

/>

android:radius="5dp"

android:topLeftRadius="5dp"

android:topRightRadius="5dp"

android:bottomLeftRadius="5dp"

android:bottomRightRadius="5dp"

/>

android:width="2dp"

android:color="#FF8C00"

android:dashWidth="5dp"

android:dashGap="2dp"

/>

效果:

0818b9ca8b590ca3270a3433284dd417.png

2.在控件中使用shape效果;

android:background="@drawable/btn_style"

3.shape常用功能属性说明;

xmlns:android="http://schemas.android.com/apk/res/android"

android:shape="rectangle"

>

android:startColor="#1E90FF"

android:endColor="#EE82EE"

android:angle="45"

android:centerColor="#ffffff"

/>

android:radius="5dp"

android:topLeftRadius="5dp"

android:topRightRadius="5dp"

android:bottomLeftRadius="5dp"

android:bottomRightRadius="5dp"

/>

android:left="10dp"

android:top="10dp"

android:right="10dp"

android:bottom="10dp"

/>

android:width="200dp"

android:height="50dp"

/>

android:color="#1e90ff"

/>

android:width="2dp"

android:color="#FF8C00"

android:dashWidth="5dp"

android:dashGap="0dp"

/>

你可能感兴趣的:(android,圆角边框边框渐变)