XML文件中的shape节点详解

最新推荐文章于 2024-02-29 15:14:09 发布

原创最新推荐文章于 2024-02-29 15:14:09 发布 · 932 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#shape节点 #Shape Drawable

安卓同时被 2 个专栏收录

31 篇文章

订阅专栏

基础知识

9 篇文章

订阅专栏

本文介绍如何利用Android中的ShapeDrawable来定制视图样式，包括实现填充、渐变、描边、圆角等效果，并提供了具体的XML配置示例。

当我们开发中，经常用到Shape Drawable（shape节点）。shape是用来定义形状的。

XML文件中的shape节点，我们举一个代码示例：

XML 文件保存在 res/drawable/gradient_box.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- shape：指定的形状，rectangle（矩形，默认）、oval（椭圆）、line（线型的）、ring（环形的）-->
    <gradient
        android:startColor="#FFFF0000"
        android:endColor="#80FF00FF"
        android:angle="45"/>
	<!---->
    <padding android:left="7dp"
        android:top="7dp"
        android:right="7dp"
        android:bottom="7dp" />
    <corners android:radius="8dp" />
</shape>

以下为shape的一些常见属性

1、solid：实心，就是填充的意思 android:color指定填充的颜色
2、gradient：渐变 android:startColor和android:endColor分别为起始和结束颜色，android:angle是渐变角度，必须为45的整数倍当angle=0时，渐变色是从左向右。然后逆时针方向转，当angle=90时为从下往上。另外渐变默认的模式为android:type="linear"，即线性渐变，可以指定渐变为径向渐变,android:type="radial"，径向渐变需要指定半径android:gradientRadius="50"，也可一指定二者的综合，扫描渐变 android: type="sweep"
3、stroke：描边 android:width="2dp" 描边的宽度，android:color 描边的颜色。我们还可以把描边弄成虚线的形式，设置方式为：android:dashWidth="5dp" android:dashGap="3dp" 其中android:dashWidth表示'-'这样一个横线的宽度，android:dashGap表示之间隔开的距离。
4、corners：圆角 android:radius为角的弧度，值越大角越圆。我们还可以把四个角设定成不同的角度，方法为：
android:topRightRadius="8dp" 右上角
android:bottomLeftRadius="10dp" 左下角
android:topLeftRadius="1dp" 左上角
android:bottomRightRadius="5dp" 右下角
5、panding：内边矩

让这个XML用到一个View上:

<TextView
    android:background="@drawable/gradient_box"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content" />

让这个XML用java代码用到一个View上

Resources res = getResources();
Drawable shape = res. getDrawable(R.drawable.gradient_box);


TextView tv = (TextView)findViewByID(R.id.textview);
tv.setBackground(shape);