Android：如何创建3个垂直点？

Question

例如，在Google Play中，列表中的每个项目在右上角都有一个3个垂直点，以显示弹出菜单。创建这3个点的最佳方法是什么？

非常感谢你们！

Answer 1

这篇文章很老了，是的，但是我想到了另一种方法来包含这些点而不添加更多图形：使用垂直省略号，这里是任何人想要它的字符串资源：

<string name="vertical_ellipsis">&#8942;</string>

然后您可以在按钮上将其用作文本。

Answer 2

对于3点图标，你可以在SDK中找到它，在＆＃34; ... / android-sdk \ platforms \ android-19 \ data \ res ... ＆＃34; ，名为＆＃34; ic_menu_moreoverflow_normal_holo_light ＆＃34;或＆＃34; ic_menu_moreoverflow_normal_holo_dark ＆＃34; ，取决于您的应用程序的风格。请注意，它在多个文件夹中有多个文件，以便根据按钮状态和设备密度正确选择图像。

---

更新：您还可以找到here（搜索＆＃34;更多＆＃34;）和here（内部＆＃34;导航＆＃34;，搜索＆＃34; more_vert＆＃34;）。

如果你支持VectorDrawable，我推荐第二个。

---

更新：目前最新的文件是 abc_ic_menu_overflow_material.xml VectorDrawable，其中包含以下内容：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="24dp"
        android:height="24dp"
        android:viewportWidth="24.0"
        android:viewportHeight="24.0"
        android:tint="?attr/colorControlNormal">
    <path
            android:pathData="M12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2c-1.1,0 -2,0.9 -2,2S10.9,8 12,8zM12,10c-1.1,0 -2,0.9 -2,2s0.9,2 2,2c1.1,0 2,-0.9 2,-2S13.1,10 12,10zM12,16c-1.1,0 -2,0.9 -2,2s0.9,2 2,2c1.1,0 2,-0.9 2,-2S13.1,16 12,16z"
            android:fillColor="@android:color/white"/>
</vector>

Answer 3

您可以从https://github.com/google/material-design-icons下载所有素材图标。 三点图标称为 ic_more ...

我创建了this script将所有版本（mdpi，ldpi，xdpi，xxdpi）复制到android项目中。可能会派上用场。

Answer 4

使您的应用程序支持SVG。然后按File > New > Vector Asset，选择资产类型“剪贴画”，按按钮“剪贴画”。在打开的窗口中搜索“更多”，选择“更多版本”，按“确定”，然后按“下一步”，“完成”。

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportHeight="24.0"
    android:viewportWidth="24.0"
    >
    <path
        android:fillColor="#000000"
        android:pathData="M12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,10c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2zM12,16c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2z"
        />
</vector>

Answer 5

创建一个xml drawable并添加以下代码，您可以将颜色更改为白色

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

    <path
        android:fillColor="#000000"
        android:pathData="M 256 192 C 291.346223989 192 320 220.653776011 320 256 C 320 291.346223989 291.346223989 320 256 320 C 220.653776011 320 192 291.346223989 192 256 C 192 220.653776011 220.653776011 192 256 192 Z" />
    <path
        android:fillColor="#000000"
        android:pathData="M 256 384 C 291.346223989 384 320 412.653776011 320 448 C 320 483.346223989 291.346223989 512 256 512 C 220.653776011 512 192 483.346223989 192 448 C 192 412.653776011 220.653776011 384 256 384 Z" />
    <path
        android:fillColor="#000000"
        android:pathData="M 256 0 C 291.346223989 0 320 28.6537760108 320 64 C 320 99.3462239892 291.346223989 128 256 128 C 220.653776011 128 192 99.3462239892 192 64 C 192 28.6537760108 220.653776011 0 256 0 Z" />
</vector>

Answer 6

使用默认的Android More Vertical icon。

或者您也可以将⋮复制并粘贴为字符串。

Answer 7

欢迎你:)       机器人：背景= “@机器人：可拉伸/ ic_menu_moreoverflow_normal_holo_light”