Android Shape图形

来源:互联网 发布:电影院订票软件 编辑:程序博客网 时间:2024/06/05 02:10

1. 使用 shape 绘制线条

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="line" >    <!-- 显示一条虚线,破折线的宽度为 dashWith,破折线之间的空隙的宽度为 dashGap,当 dashGap=0dp 时,为实线 -->    <stroke        android:dashGap="3dp"        android:dashWidth="2dp"        android:width="1dp"        android:color="#777777" />    <!-- 虚线的高度 -->    <size android:height="2dp" /></shape>

2. 使用 shape 绘制圆形

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"   android:shape="oval" >   <!-- 填充颜色 -->   <solid android:color="#F0F0F0" ></solid>   <!--线的宽度,颜色灰色-->   <stroke android:width="2dp" android:color="#777777"></stroke>   <!-- 矩形的圆角半径 -->   <corners android:radius="5dp" /></shape>

3. 使用 shape 绘制矩形

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"   android:shape="rectangle" >   <!-- 填充颜色 -->   <solid android:color="#F0F0F0" ></solid>   <!-- 显示一条实线,线的宽度为 width,颜色为 color -->   <!-- <stroke android:width="2dp" android:color="#E3E0D5"></stroke> -->   <!-- 显示一条虚线,破折线的宽度为 dashWith,破折线之间的空隙的宽度为 dashGap,当 dashGap=0dp 时,为实线 -->   <stroke       android:dashGap="2dp"       android:dashWidth="5dp"       android:width="2dp"       android:color="#777777" />   <!-- 虚线的高度 -->   <size android:height="10dp" />   <!-- 矩形的圆角半径 -->   <corners android:radius="0dp" />
</shape>

4. 使用 shape 绘制半圆角矩形

<shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <!-- topLeftRadius、topRightRadius 为半圆角矩形上半部分的圆角半径,bottomLeftRadius、bottomRightRadius 为矩形下半部分的圆角半径,值为0表示直角 -->    <corners        android:bottomLeftRadius="0dp"        android:bottomRightRadius="0dp"        android:topLeftRadius="5dp"        android:topRightRadius="5dp" />    <gradient        android:angle="270"        android:endColor="#d3d3d3"        android:startColor="#d3d3d3" />    <stroke        android:width="0.5dp"        android:color="#d9d9d9" /></shape>

5.使用shape绘制椭圆环

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <solid android:color="#00FFFFFF" />    <corners android:radius="200.0dp" />    <stroke        android:width="1dp"        android:color="#FFFFFF" /></shape>  

shape图形各个属性介绍

<shape><!-- 实心 --><solid android:color="#ff9d77"/><!-- 渐变 --><gradientandroid:startColor="#ff8c00"android:endColor="#FFFFFF"android:angle="270" /><!-- 描边 --><strokeandroid:width="2dp"android:color="#dcdcdc" /><!-- 圆角 --><cornersandroid:radius="2dp" /><paddingandroid:left="10dp"android:top="10dp"android:right="10dp"android:bottom="10dp" /></shape>

solid:实心,就是填充的意思android:color指定填充的颜色gradient:渐变android:startColor:起始颜色android:endColor:结束颜色ndroid:angle:是渐变角度,必须为45的整数倍。android:type:另外渐变默认的模式为:android:type="linear",即线性渐变,可以指定渐变为径向渐变android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。stroke:描边android:width="2dp" 描边的宽度android:color 描边的颜色。我们还可以把描边弄成虚线的形式,设置方式为:android:dashWidth="5dp" android:dashGap="3dp"其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。corners:圆角android:radius为角的弧度,值越大角越圆。我们还可以把四个角设定成不同的角度,方法为:<corners android:topRightRadius="20dp"    右上角android:bottomLeftRadius="20dp"    右下角android:topLeftRadius="1dp"    左上角android:bottomRightRadius="0dp"    左下角/>这里有个地方需要注意,bottomLeftRadius是右下角,而不是左下角,这个有点郁闷,不过不影响使用,记得别搞错了就行。padding:间隔











0 0
原创粉丝点击