shape 填充圆角矩形圆形环形

最新推荐文章于 2024-04-16 05:06:50 发布

weixin_33744141

最新推荐文章于 2024-04-16 05:06:50 发布

阅读量417

点赞数

文章标签：移动开发

属性

使用中可能出现的问题：

如果在某些手机中使用 shape 出现黑色填充背景，设置 < solid android:color="@color/transparent" /> 即可。

Android中shape用于设定形状，可以在selector，layout等里面使用

最常用属性

shape 形状，取值有：rectangle矩形（默认），oval椭圆、圆
corners 圆角
solid 内部填充
stroke 边框

形状类型 shape

定义shape的形状，默认为矩形，可以设置为矩形（rectangle）、椭圆形(oval)、线性形状(line)、环形(ring)

圆角半径 corners

android:radius 整型半径
android:topLeftRadius 整型左上角半径
android:topRightRadius 整型右上角半径
android:bottomLeftRadius 整型左下角半径
android:bottomRightRadius 整型右下角半径

填充颜色 solid ，不能与gradient一起使用，他代表固定的颜色

android:color 颜色值填充颜色

描边、边框 stroke

android:width 整型描边的宽度；实线的宽度
android:color 颜色值描边的颜色；实线的颜色
android:dashWidth 整型表示描边的样式是虚线的宽度，值为0时，表示为实线。值大于0则为虚线；实线的长度
android:dashGap 整型表示描边为虚线时，虚线之间的间隔即“ - - - - ”；实线与实线之间间隙宽度

渐变色 gradient

android:startColor 颜色值起始颜色
android:endColor 颜色值结束颜色
android:centerColor 整型渐变中间颜色，即开始颜色与结束颜色之间的颜色
android:angle 整型渐变角度值为45的整数倍。当=0时，渐变色是从左向右，然后逆时针方向转；当=90时，从下往上。默认是 0。该属性只有在type=linear情况下起作用，默认的type为linear。
android:type 渐变类型，取值有三个： linear 线性渐变，默认； radial 放射性渐变，以开始色为中心； sweep 扫描线式的渐变。
android:useLevel ["true" | "false"] 如果要使用LevelListDrawable对象，就要设置为true。设置为true无渐变。false有渐变色
android:gradientRadius 整型渐变色半径。当 android:type="radial" 时【必须】使用，否则会报错。
android:centerX 整型渐变中心X点坐标的相对位置
android:centerY 整型渐变中心Y点坐标的相对位置

内边距大小 padding

android:left 整型左内边距
android:top 整型上内边距
android:right 整型右内边距
android:bottom 整型下内边距

图形大小 size ，指定图形的宽高，只有控件指定的是wrap_content时，这个属性才会起作用

android:width 整型宽度
android:height 整型高度

下面的属性只有在android:shape="ring时可用：

android:innerRadius 尺寸，内环的半径。
android:innerRadiusRatio 浮点型，以环的宽度比率来表示内环的半径
android:thickness 尺寸，环的厚度
android:thicknessRatio 浮点型，以环的宽度比率来表示环的厚度，不完整的圆环
android:useLevel boolean值，如果当做是LevelListDrawable使用时值为true，否则为false

实例--圆形与矩形

<?xml version="1.0" encoding="utf-8"?>

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

android:shape="oval" >

<stroke

android:width="1dip"

android:color="@color/red" />

<padding

android:bottom="5dp"

android:left="10dp"

android:right="10dp"

android:top="5dp" />

</shape>

<?xml version="1.0" encoding="utf-8"?>

<padding

android:bottom="2dp"

android:left="2dp"

android:right="2dp"

android:top="2dp" />

</shape>

<?xml version="1.0" encoding="utf-8"?>

<stroke

android:width="1dp"

android:color="@color/red" />

<padding

android:bottom="2dp"

android:left="5dp"

android:right="5dp"

android:top="2dp" />

</shape>

实例--圆形描边

思路：

设置shape形状为圆形oval，边框大小为1dp，填充颜色为透明
为保证整体大小不变，需将图片宽高-2，并设置padding为1；为保证居中，设置margin值为1；
将上述的shape作为背景，在代码中将src裁剪成圆形。

<ImageView

android:id="@+id/iv_52"

android:layout_width="40dp"

android:layout_height="40dp"

android:layout_centerHorizontal="true"

android:layout_marginLeft="1dp"

android:layout_marginTop="1dp"

android:background="@drawable/bg_selector"

android:clickable="true"

android:padding="1dp"

android:scaleType="centerCrop"

android:src="@drawable/img_user_icon" />

<?xml version="1.0" encoding="utf-8"?>

</shape></item>

</shape></item>

</selector>

实例--环形

<RelativeLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="2dp" >

<TextView

android:id="@+id/tv_43"

android:layout_width="40dp"

android:layout_height="40dp"

android:layout_centerInParent="true"

android:layout_centerVertical="true"

android:background="@drawable/shape_ring3"

android:gravity="center"

android:text="圆环" />

<ImageView

android:id="@+id/iv_44"

android:layout_width="30dp"

android:layout_height="30dp"

android:layout_centerInParent="true"

android:background="@drawable/shape_oval3"

android:src="#0000" />

</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>

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

android:innerRadius="5dp"

android:shape="ring"

android:thickness="12dp"

android:useLevel="false" >

<stroke

android:width="6dp"

android:color="@color/red" />

</shape>

<?xml version="1.0" encoding="utf-8"?>

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

android:innerRadius="15dp"

android:shape="ring"

android:thickness="4.5dp"

android:useLevel="false" >

<stroke

android:width="1dp"

android:color="@color/red" />

</shape>

<?xml version="1.0" encoding="utf-8"?>

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

android:innerRadius="15dp"

android:shape="ring"

android:thickness="4.5dp"

android:useLevel="false" >

<stroke

android:width="1dp"

android:color="@color/red" />

</shape>

来自为知笔记(Wiz)

附件列表

weixin_33744141

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
shape 填充圆角矩形圆形环形

属性使用中可能出现的问题：如果在某些手机中使用 shape 出现黑色填充背景，设置&lt;solid android:color="@color/transparent"/&gt;即可。Android中shape用于设定形状，可以在selector，layout等里面使用最常用属性shape 形状，取值有：rectangle矩形（默认），oval椭圆、圆corners 圆角solid 内部填充s...
复制链接

扫一扫