Android shape属性介绍

本文深入探讨了Android中ShapeDrawable的使用方法,包括填充、间隔、大小、圆角和描边等特性,并通过XML实例展示了如何灵活设置形状的外观。

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

本文转载自:android shape的使用,在此感谢原文作者!

官方说明

Shape Drawable

实例

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    
    <!-- 圆角 -->
    <corners
        android:radius="9dp"
        android:topLeftRadius="2dp"
        android:topRightRadius="2dp"
        android:bottomLeftRadius="2dp"
        android:bottomRightRadius="2dp"/><!-- 设置圆角半径 -->
    
    <!-- 渐变 -->
    <gradient
        android:startColor="@android:color/white"
        android:centerColor="@android:color/black"
        android:endColor="@android:color/black"
        android:useLevel="true"
        android:angle="45"
        android:type="radial"
        android:centerX="0"
        android:centerY="0"
        android:gradientRadius="90"/>
    
    <!-- 间隔 -->
    <padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/><!-- 各方向的间隔 -->
    
    <!-- 大小 -->
    <size
        android:width="50dp"
        android:height="50dp"/><!-- 宽度和高度 -->
    
    <!-- 填充 -->
    <solid
        android:color="@android:color/white"/><!-- 填充的颜色 -->
    
    <!-- 描边 -->
    <stroke
        android:width="2dp"
        android:color="@android:color/black"
        android:dashWidth="1dp"
        android:dashGap="2dp"/>
    
</shape>

填充设置填充的颜色

间隔设置四个方向上的间隔

大小设置大小

圆角同时设置五个属性,则Radius属性无效

android:Radius="20dp"                           设置四个角的半径

android:topLeftRadius="20dp"                 设置左上角的半径 
android:topRightRadius="20dp"               设置右上角的半径 
android:bottomLeftRadius="20dp"           设置右下角的半径 
android:bottomRightRadius="20dp"         设置左下角的半径

描边dashWidth和dashGap属性,只要其中一个设置为0dp,则边框为实现边框

android:width="20dp"                               设置边边的宽度 
android:color="@android:color/black"         设置边边的颜色 
android:dashWidth="2dp"                         设置虚线的宽度 
android:dashGap="20dp"                          设置虚线的间隔宽度

渐变当设置填充颜色后,无渐变效果。angle的值必须是45的倍数(包括0),仅在type="linear"有效,不然会报错。android:useLevel 这个属性不知道有什么用。

angle对应值的起点如图:

                                                                   Z@QTDNQ0_9)0VFC5ZT8DT8B


### Android 中 `shape` 属性的使用方法 #### 定义形状资源文件 在 Android 开发中,可以通过 XML 文件来定义不同类型的图形作为视图组件的背景。这些图形包括矩形、椭圆、线条和环形。 创建一个新的 XML 资源文件位于项目的 drawable 目录下,例如命名为 `oval_shape.xml`: ```xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <!-- 设置为椭圆形 --> <solid android:color="@color/colorPrimary"/> <!-- 填充颜色 --> <size android:height="100dp" android:width="100dp"/> <!-- 尺寸设置 --> </shape> ``` 此代码片段展示了如何配置一个具有特定尺寸和填充色的椭圆[^1]。 #### 在布局文件中应用自定义形状 一旦定义好了形状,在任何支持 Drawable 的属性上都可以引用这个新的资源文件。下面是一个简单的例子展示如何在一个 TextView 上面使用上述定义好的 oval 形状作为其背景: ```xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Shape测试" android:background="@drawable/oval_shape" <!-- 应用之前定义的形状 --> android:textSize="15sp" android:textColor="@android:color/black"/> </LinearLayout> ``` 这段代码说明了怎样通过指定 `@drawable/oval_shape` 来把前面创建的椭圆形状应用于文本框控件[^2]。 #### 支持更多种类的形状和其他样式选项 除了基本的几何形式外,还可以利用其他标签来自定义边角半径(`corners`)、渐变效果(`gradient`)等特性,从而实现更加丰富的视觉表现力。这使得开发者能够灵活地调整界面元素而无需依赖外部图像资产,有助于优化应用程序性能并提高跨设备的一致性[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值