Android svg 绘制三角形

最新推荐文章于 2024-04-10 09:40:36 发布

原创最新推荐文章于 2024-04-10 09:40:36 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #svg #三角形 #shape #vector

Android 专栏收录该内容

21 篇文章

订阅专栏

这篇博客探讨了如何在Android中通过Vector标签利用SVG支持来绘制三角形。传统方法包括旋转矩形或自定义View，但作者介绍了使用viewportWidth、viewportHeight、width、height属性和pathData命令来定义三角形的方法。

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

三角形作为一个基本的Shape，在Android中是不支持的。
以前我们这样来定义三角形:

        <rotate
            android:fromDegrees="45"
            android:toDegrees="45"
            android:pivotX="-40%"
            android:pivotY="80%">
            <shape android:shape="rectangle">
                <solid android:color="#000000"/>
            </shape>
        </rotate>

将一个矩形旋转一定的角度得到三角形。说实话，这种方式一直都模模糊糊的，所以都拷贝别人代码。
当然也可以自定义View，画一个三角形。

不过今天来说说通过Vector标签（Android对svg的支持方式）来定义三角形：

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:width="24dp"
    android:height="24dp">

    <path
        android:pathData="m0 24 l12 -24 l12 24 z"
        android:fillColor="@color/material_red" />

</vector>

其中viewportWidth和viewportHeight属性用于申明坐标的大小，width和height属性标书drawable的大小。
android:pathData 中定位命令：

M = moveto
L = lineto
H = horizontal lineto
V = vertical lineto
C = curveto
S = smooth curveto
Q = quadratic Belzier curve
T = smooth quadratic Belzier curveto
A = elliptical Arc
Z = closepath
注释：以上所有命令均允许小写字母。大写表示绝对定位，小写表示相对定位。

参考：http://www.w3school.com.cn/svg/svg_path.asp

来看看效果：
这里写图片描述