Android中的Shape的使用

最新推荐文章于 2024-06-13 11:05:46 发布

Kyle雨檬

最新推荐文章于 2024-06-13 11:05:46 发布

阅读量493

点赞数 1

分类专栏：绘制动画文章标签： android android开发布局

本文链接：https://blog.csdn.net/kongTy/article/details/73342699

版权

绘制动画专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在Android开发过程中，我们会经常用到Shape去定义各种各样的布局(形状)，首先呢我们要了解一下Shape里面都有哪些标签，都代表什么意思：

shape里面有4条属性，大家可以试下都是什么形状，下面以oval为例：

stroke：描边

指定宽度的颜色

solid：填充

指定填充的颜色

size：大小

例如：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <!-- 填充 -->
    <solid android:color="@color/red_light1"/> <!-- 定义填充的颜色值 -->  

    <!-- 描边 -->
    <stroke
        android:width="5dp"
        android:color="@color/red_light2"/> <!-- 定义描边的宽度和描边的颜色值 -->

    <!-- 大小 -->
    <size
        android:width="50dp"
        android:height="50dp"/>
</shape>

padding：间隔

可以设置上下左右四个方向的间隔

<!-- 间隔 -->
<padding 
    android:left="10dp"
    android:top="1dp"
    android:right="5dp"
    android:bottom="1dp"/> <!-- 设置各个方向的间隔 -->

gradient：渐变

android:startColor和android:endColor分别为起始和结束颜色，

android:angle是渐变角度，必须为45的整数倍。
另外渐变默认的模式为android:type="linear"，即线性渐变，

可以指定渐变为径向渐变，android:type="radial"，径向渐变需要指定半径android:gradientRadius="50"。

代码：

渐变
<gradient
    android:endColor="#FFFFFF"
    android:gradientRadius="50"
    android:startColor="#ff8c00"
    android:type="radial" />

corners:圆角

<!-- 圆角 -->
<corners
   android:topLeftRadius="3dp"
   android:bottomLeftRadius="3dp"
   android:topRightRadius="3dp"
   android:bottomRightRadius="3dp"/> <!-- 设置四个角的半径 -->