当前位置:   article > 正文

Shape XML 文件绘制矩形、圆形、椭圆等形状,也可以用于设置渐变、边框、圆角等效果_xml图形制作

xml图形制作

Shape XML 文件是一种用于定义各种形状和背景的 XML 文件,它可以用于绘制矩形、圆形、椭圆等形状,也可以用于设置渐变、边框、圆角等效果。通常放置在res/drawable目录下以下是 Shape XML 文件中各种元素和属性的含义以及附带的代码示例:

1. <shape> 元素: Shape XML 文件的根元素,用于定义形状和背景的属性。

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 在这里定义形状和背景属性 -->
</shape>
  • 1
  • 2
  • 3

2. 形状属性(<shape> 元素的属性):

  • android:shape:指定形状,可选值为 “rectangle”(矩形)、“oval”(椭圆)、“line”(线条)、“ring”(圆环)等。
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
</shape>
  • 1
  • 2
  • 3

3. <solid> 元素: 用于设置形状的填充颜色。

<solid
    android:color="#FF0000" />
  • 1
  • 2

4. <gradient> 元素: 用于设置渐变背景。

<gradient
    android:startColor="#FF0000"
    android:endColor="#00FF00"
    android:angle="45" />
  • 1
  • 2
  • 3
  • 4

5. <stroke> 元素: 用于设置边框。

<stroke
    android:width="2dp"
    android:color="#000000" />
  • 1
  • 2
  • 3

6. <corners> 元素: 用于设置圆角。

<corners
    android:radius="10dp" />
  • 1
  • 2

7. <size> 元素: 用于设置形状的大小。

<size
    android:width="50dp"
    android:height="50dp" />
  • 1
  • 2
  • 3

8. <padding> 元素: 用于设置内边距。

<padding
    android:left="10dp"
    android:top="10dp"
    android:right="10dp"
    android:bottom="10dp" />
  • 1
  • 2
  • 3
  • 4
  • 5

9. <gradient><stroke> 的其他属性:

  • android:type:指定渐变的类型,如线性渐变(“linear”)、径向渐变(“radial”)等。
  • android:centerXandroid:centerY:用于指定渐变的中心点坐标。
  • android:startXandroid:startY:用于指定渐变的起始点坐标。
  • android:endXandroid:endY:用于指定渐变的结束点坐标。

以下是一个完整的 Shape XML 示例,其中定义了一个圆角矩形背景:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#FF0000" />
    <corners android:radius="10dp" />
    <stroke
        android:width="2dp"
        android:color="#000000" />
</shape>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

这个示例定义了一个红色的圆角矩形背景,边框宽度为 2dp,边框颜色为黑色。你可以将这个 Shape XML 文件应用到布局的背景中,以实现自定义的背景效果。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/420732
推荐阅读
  

闽ICP备14008679号