Android 样式开发之shape

最新推荐文章于 2025-03-28 16:47:05 发布

felix_wangq

最新推荐文章于 2025-03-28 16:47:05 发布

阅读量707

点赞数 2

分类专栏： developer tools android developer 文章标签： android xml shape

本文链接：https://blog.csdn.net/felix_wangq/article/details/50380077

版权

android developer 同时被 2 个专栏收录

17 篇文章

订阅专栏

developer tools

14 篇文章

订阅专栏

1 概述

shape，是Android最基础的形状定义工具。一般用shape定义的xml文件存放在drawable目录下，而不是其他drawable-x的目录。shape用于定义单一的形状。

shape对应的实体类是GradientDrawable

使用shape可以定义四种类型的形状：

rectangle: 矩形，默认的形状，可以画出直角矩形、圆角矩形、弧形等
oval: 椭圆形，用得比较多的是画正圆
line: 线形，可以画实线和虚线
ring: 环形，可以画环形进度条

使用方式

Java代码中：R.drawable.文件的名称
XML中：Android:background="@drawable/文件的名称"

2 shape 属性

2.1 solid

solid: 实心，就是填充的意思。只有android:color一个属性,用于设置shape填充的纯色，例如：

<solid android:color="#ff9d77"/>

2.2 padding

设置内容与形状边界的内间距，可分别设置左右上下的距离,有四种属性,例如：

<padding
    android:left="10dp"         <!--左内间距-->
    android:top="10dp"          <!--右内间距-->
    android:right="10dp"        <!--上内间距-->
    android:bottom="10dp" />    <!--下内间距-->

2.3 gradient

设置形状的渐变颜色，可以是线性渐变、辐射渐变、扫描性渐变,属性说明：

android:type 渐变的类型
    linear 线性渐变，默认的渐变类型
    radial 放射渐变，以开始色为中心。设置该项时，android:gradientRadius也必须设置，见后面。
    sweep   扫描线式渐变

android:startColor 渐变开始的颜色
android:endColor 渐变结束的颜色
android:centerColor 渐变中间的颜色

android:angle 渐变的角度
    线性渐变时才有效，必须是45的倍数，0表示从左到右，按逆时针方向转，90表示从下到上,如图：

android:centerX 渐变中心的相对X坐标
    放射渐变时才有效，在0.0到1.0之间，默认为0.5，表示在正中间

android:centerY 渐变中心的相对X坐标
    放射渐变时才有效，在0.0到1.0之间，默认为0.5，表示在正中间

android:gradientRadius 渐变的半径
    只有渐变类型为radial时才使用

android:useLevel 如果为true，则可在LevelListDrawable中使用。

使用示例：

<gradient
    android:type="linear"
    android:angle="180"
    android:startColor="#AA222222"
    android:centerColor="#33777777"
    android:endColor="#CCCCCCCC"
    />

2.4 corners

设置圆角，只适用于rectangle类型，可分别设置四个角不同半径的圆角，当设置的圆角半径很大时，比如200dp，就可变成弧形边了,属性如下：

android:radius 圆角半径，即角的弧度，值越大角越圆。会被下面每个特定的圆角属性覆盖。
android:topLeftRadius 左上角的半径
android:topRightRadius 右上角的半径
android:bottomLeftRadius 左下角的半径
android:bottomRightRadius 右下角的半径

2.5 stroke

设置描边。可描成实线或虚线。属性说明：

android:color 描边的颜色
android:width 描边的宽度。
android:dashWidth 设置虚线时的横线'-'的长度，值为0时，表示为实线；值大于0则为虚线。  
android:dashGap 描边为虚线时，两个横线'-'之间的距离

dashWidth和dashGap属性，只要其中一个设置为0dp，或者两个都不设置，则边框为实线边框。

注意：当android:shape=”line”的时候，必须设置此元素。

2.6 size

设置shape默认的大小，可设置宽度和高度

android:width 这个shape的宽度
android:height 这个shape的高度

注意：默认情况下，这个shape会缩放到与他所在容器大小成正比。当你在一个ImageView中使用这个shape，你可以使用 android:scaleType=”center”来限制这种缩放。

2.7 其他属性

shape根元素以下属性只适用于ring类型

android:innerRadius 内环的半径

android:innerRadiusRatio 浮点型，以环的宽度比率来表示内环的半径.
    默认为3.表示内环半径为环的宽度除以3，该值会被android:innerRadius覆盖

android:thickness 环的厚度

android:thicknessRatio 浮点型，以环的宽度比率来表示环的厚度.
    默认为9，表示环的厚度为环的宽度除以9，该值会被android:thickness覆盖

android:useLevel 一般为false，否则可能环形无法显示，只有作为LevelListDrawable使用时才设为true