以前没接触到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"
/>
效果图:
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"
/>
效果图:
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"
/>
效果图:
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"
/>
效果:
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"
/>