Resounces之ShapeDrawable

最新推荐文章于 2018-12-08 20:01:05 发布

Lu'Blog

最新推荐文章于 2018-12-08 20:01:05 发布

阅读量365

点赞数

CC 4.0 BY-SA版权

分类专栏： Android Resources 文章标签： shape gradient corners stroke solid

本文链接：https://blog.youkuaiyun.com/lu1024188315/article/details/77122631

Android Resources 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了ShapeDrawable在Android中的使用方法，包括如何定义基本几何图形如椭圆、矩形等，并讲解了corners、stroke等子元素的作用及用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一前言

shapeDrawable用来定义基本的几何图形，例如oval（椭圆） line（直线） ring（环形） rectangle（矩形），在xml自定义时使用标签<shape.../>,放置到res／drawable目录下。

二 shape子元素

1 corners

corners用来绘制几何图形的四个角的弧度，其属性有：

android:Radius 设置四个角的半径

android:topLeftRadius 设置左上角的半径

android:topRightRadius 设置右上角的半径

android:bottomLeftRadius 设置右下角的半径

android:bottomRightRadius 设置左下角的半径

2 stroke

stroke用来绘制几何图形的边框，属性：

width 边框的宽度

dashWidth dashGap 同时使用设置边框为虚线

dashWidth 为 每一截虚线的实的部分的宽度

dashGap 为 每一截虚线的虚的部分的宽度

3 padding

设置几何图形的内边距，属性有left、bottom、top、right。

4 solid

填充几何图形，只能一种颜色，其属性也只有一个color 即填充所使用的颜色。

5 size

设置几何图形的大小，其属性：

width：几何图像的宽度

height ：几何图像的高度

6 gradient

填充几何图形，作用和solid一样，但它最多可以设置三种颜色，即启始颜色、中间颜色、结束颜色，从开始到结束形成颜色的渐变填充，

属性有：

type 填充类型 linear线性  radial（放射形）  sweep（扫形）

startColor 启示的颜色

centerColor 中间的颜色

endColor 结束的颜色

centerX centerY 设置中心的位置

angle  角度值  值必须是45的倍数

gradientRadius 填充半径

三示例

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="oval">
    <!--shape 属性值有：oval（椭圆）  line（直线）  ring（环形）  rectangle（矩形）-->

    <!--渐变色填充
     type 填充类型 linear线性  radial（放射形）  sweep（扫形）
     startColor 启示的颜色
     centerColor 中间的颜色
     endColor 结束的颜色
     centerX centerY 设置中心的位置
     angle  角度值  值必须是45的倍数
     gradientRadius 填充半径
     -->
    <gradient
        android:angle="90"
        android:centerX="50"
        android:centerY="100"
        android:startColor="@android:color/holo_red_light"
        android:centerColor="@android:color/holo_green_light"
        android:endColor="@android:color/holo_blue_dark"
        android:type="linear"
        android:gradientRadius="100dp"/>
    <!--设置几何形状的大小-->
    <size
        android:height="100dp"
        android:width="200dp"/>

    <!--绘制四角的弧度-->
    <corners
        android:radius="10dp"
        android:bottomLeftRadius="1dp"
        android:bottomRightRadius="2dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="10dp"
        />

    <!--单色填充-->
    <!--<solid-->
        <!--android:color="@android:color/holo_orange_light"/>-->

    <!--设置边框
    属性：
    width 边框的宽度
    dashWidth dashGap 同时使用设置边框为虚线
    dashWidth 为 每一截虚线的实的部分的宽度
    dashGap 为 每一截虚线的虚的部分的宽度
    -->

    <stroke
        android:color="@android:color/holo_orange_light"
        android:dashWidth="20dp"
        android:dashGap="10dp"
        android:width="5dp"/>

    <!--设置内边距-->
    <padding
        android:bottom="5dp"
        android:top="5dp"
        android:left="5dp"
        android:right="5dp"/>

</shape>

效果图：