andorid,利用xml定义drawable快速画一个播放按钮图标

先看效果图

新建资源文件

在res/drawable文件夹下新建一个drawable资源文件icon_play.xml

开始画

1.在 layer-list 标签中的第一个 item 中 画一个圆

2.在第二个 item 中,用 vector 画一个正三角形(矢量图)

画这个正三角形,可以自己在vector标签中写代码

也可以借用andorid studio内置的矢量图代码,右键drawable-New-Vector Asset-选择Clip Art-选择一个播放按钮矢量图,按引导走到最后,会生成xml代码,把<vector>代码粘到第二个item中

最终代码如下:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:left="1dp">
        <shape android:shape="oval">
            <size
                android:width="20dp"
                android:height="20dp"
                />
            <stroke
                android:width="1dp"
                android:color="#000000"
                />
        </shape>
    </item>
    <item android:left="5dp" android:top="5dp" android:right="5dp" android:bottom="5dp">
        <vector
            android:width="24dp"
            android:height="24dp"
            android:viewportWidth="24.0"
            android:viewportHeight="24.0">
            <path
                android:fillColor="#000000"
                android:pathData="M8,5v14l11,-7z"/>
        </vector>
    </item>
</layer-list>

后来发现andorid studio中已经提供了这个图标。

猜你喜欢

转载自blog.csdn.net/qq_38861828/article/details/103994166