web-dev-qa-db-ja.com

Android:3つの垂直ドットを作成する方法は?

たとえば、Google Playでは、リスト内の各アイテムの右上隅に、ポップアップメニューを表示するための3つの垂直ドットがありました。この3つのドットを作成する最良の方法は何ですか?

本当にありがとうございます!

22
anthony

この投稿は古いです。しかし、グラフィックスを追加せずにこれらのドットを含める別の方法を考えました。垂直の省略記号を使用してください。

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

そして、ボタン上でテキストとして使用できます。

37
Shujito

3-ドットアイコンの場合、SDKの「.../Android-sdk\platforms\Android-19\data\res ...」、「ic_menu_moreoverflow_normal_holo_light」または「ic_menu_moreoverflow_normal_holo_dark "、アプリのスタイルに応じて。ボタンの状態とデバイスの密度に応じて、画像を正しく選択できるように、複数のフォルダーに複数のファイルがあることに注意してください。


更新:また、それを見つけることができます here (「more」を検索)および here ( 「ナビゲーション」内で、「more_vert」を検索します)。

VectorDrawableをサポートする場合、2番目の方法をお勧めします。


更新:現在、最新のファイルはabc_ic_menu_overflow_material.xmlVectorDrawableです。

<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>
16

アプリケーションがSVGをサポートするようにします。次に、File > New > Vector Asset、アセットタイプ「クリップアート」を選択し、ボタン「クリップアート」を押します。開いたウィンドウで「more」を検索し、「more vert」を選択して「OK」を押し、次に「Next」、「Finish」を押します。

enter image description here

<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>
5
CoolMind

すべての素材アイコンは https://github.com/google/material-design-icons からダウンロードできます。 3つのドットのアイコンはic_more ...と呼ばれます

このスクリプト を作成して、すべてのバージョン(mdpi、ldpi、xdpi、xxdpi)をAndroidプロジェクトにコピーします。便利になるかもしれません。

5
penduDev

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>
0
Amir De