Weli的Android学习日记 0.2Shape探究

shape是android drawable资源中的一个重要的东西，drawable资源覆盖面广，它可以代表图片，可以是一个颜色，一个形状。在我们开发的过程中经常要用到这个东西，用来实现一些想要达到的效果，比如我们开发过程中要用到的圆角边，下面我们一起来探究这个神奇的东西吧。
关于Shape 官方文档

rectangle：
rectangle代表者矩形，它是shape默认的形状类型，即如果我们不在shape的android:shape属性指定其类型时，默认是矩形,用它我们可以画一个矩形，圆角矩形，具体在下面会说道

oval：
ovel，椭圆，用它可以画椭圆，圆
line：
水平线，在使用该形状的时候，我们得给它指定stroke元素指定其宽度，不然在使用该形状的时候会报空指针异常

ring：环形

我们首先来看下retangle

1.四周直线

这是相关代码

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <solid        android:color="#00bbfa">    </solid></shape>

1.1内空retagle

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <!-- 设置描边 -->    <stroke android:width="2dp" android:color="#f00" ></stroke></shape>

1.2内空虚边retagle

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    >    <!-- 设置描边色 -->    <stroke android:width="1dp"  android:color="#00bbfa" android:dashWidth="5dp" android:dashGap="5dp"></stroke></shape>

1.3圆角Retagle

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    >    <size android:width="60dp" android:height="30dp"/>    <!-- 设置描边色 -->    <stroke android:width="1dp" android:color="#00bbfa" android:dashWidth="5dp" android:dashGap="5dp"></stroke>    <corners android:radius="15dp"/></shape>

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    >    <!-- 设置渐变色 -->    <gradient android:startColor="#f00" android:centerColor="#0f0" android:endColor="#00f"        android:type="sweep"></gradient></shape>

2.我们再来看下 ovel 这个效果

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"     android:shape="oval">    <!-- 设置固定填充色 -->    <solid android:color="#f00" />    <size android:width="60dp" android:height="30dp"/></shape>

2.1.渐变的椭圆形

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="oval">    <size android:width="60dp" android:height="30dp"/>    <!-- 设置渐变色 -->    <gradient android:startColor="#00fsd" android:centerColor="#0f0" android:endColor="#fd2d00"></gradient></shape>

2.2椭圆圈

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="oval"    >    <size android:width="60dp" android:height="30dp"/>    <!-- 设置描边色 -->    <stroke android:width="2dp" android:color="#00bbfa" ></stroke></shape>

2.3渐变椭圆形

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="oval">    <size android:width="60dp" android:height="30dp"/>    <!-- 设置渐变填充色 -->    <gradient android:startColor="#00bbfa" android:centerColor="#e50073" android:endColor="#cccf2"  android:gradientRadius="60"        android:type="sweep"></gradient></shape>

2.3虚边圆形 （这里本来是个椭圆形，我把宽高设置了一样的，所以就是圆形了）

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="oval"    >    <size android:width="30dp" android:height="30dp"/>    <!-- 设置描边色 -->    <stroke android:width="2dp" android:color="#00bbfa" android:dashWidth="5dp" android:dashGap="5dp"></stroke></shape>

3我们再来探究下line

3.1控件中间的横线

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="line">    <stroke android:width="1dp" android:color="#f00"/>    <size android:height="2dp"></size></shape>

3.2控件中间的虚线

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="line" >    <stroke        android:dashGap="8px"        android:dashWidth="8px"        android:width="1dp"        android:color="#f00" />    <size android:height="30dip" /></shape>

*

4.0ring属性

4.1圆形ring

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:innerRadius="20dp"    android:shape="ring"    android:thickness="2dp"    android:useLevel="false" >    <!-- 设置渐变填充色 -->    <gradient android:startColor="#00f" android:centerColor="#0f0" android:endColor="#f00"/>    <size        android:height="44dp"        /></shape>

4.2甜甜圈样式的ring

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:innerRadius="20dp"    android:shape="ring"    android:thickness="20dp"    android:useLevel="false" >    <!-- 设置渐变填充色 -->    <gradient android:startColor="#00f" android:centerColor="#0f0" android:endColor="#f00"/>    <size        android:height="44dp"        />    <stroke android:width="2dp" android:color="#f00" android:dashWidth="5dp" android:dashGap="5dp"/></shape>

4.3光碟状的ring

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="ring"    android:innerRadius="60dp"    android:thickness="100dp"    android:useLevel="false">    <gradient        android:startColor="#FFFF0000"        android:centerColor="#bbffee"        android:endColor="#80FF00FF"        android:angle="90"       /></shape>

今天先探究这些，吃饭去了。