wake-up-neo.net

Android: Wie erstelle ich 3 vertikale Punkte?

In Google Play hatte beispielsweise jedes Element in der Liste 3 vertikale Punkte in der rechten oberen Ecke, um ein Popup-Menü anzuzeigen. Wie lassen sich diese 3 Punkte am besten erstellen?

Vielen Dank, Jungs!

19
anthony

Dieser Beitrag ist alt, ja, aber ich habe einen anderen Weg gefunden, diese Punkte einzubinden, ohne weitere Grafiken hinzuzufügen: Verwenden Sie die vertikalen Ellipsis.

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

Und dann können Sie es auf einer Schaltfläche als Text verwenden.

35
Shujito

das 3-Punkte-Symbol finden Sie entweder im SDK unter ".../Android-sdk\platform\Android-19\data\res ..." mit dem Namen "ic_menu_moreoverflow_normal_holo_light "oder" ic_menu_moreoverflow_normal_holo_dark ", abhängig vom Stil Ihrer App. Beachten Sie, dass sich mehrere Dateien in mehreren Ordnern befinden, um eine korrekte Auswahl der Bilder entsprechend dem Status der Schaltfläche und der Dichte des Geräts zu ermöglichen.


Update: Sie können es auch hier (Suche nach "mehr") und hier (in "Navigation", Suche nach "more_vert") finden.

Ich empfehle den zweiten, wenn Sie VectorDrawable unterstützen. 


Update: derzeit ist die neueste Datei abc_ic_menu_overflow_material.xml VectorDrawable, die folgenden Inhalt hat:

<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

Sie können alle Materialsymbole von https://github.com/google/material-design-icons ..__ herunterladen. Das Dreisymbol heißt ic_more ...

Ich habe dieses Skript erstellt, um alle Versionen (mdpi, ldpi, xdpi, xxdpi) in das Android-Projekt zu kopieren. Könnte nützlich sein.

5
penduDev

Stellen Sie sicher, dass Ihre Anwendung SVG unterstützt. Drücken Sie dann File > New > Vector Asset, wählen Sie den Asset-Typ "Clip Art" aus und drücken Sie die Taste "Clip Art". Wählen Sie in der geöffneten Fenstersuche "more" die Option "more vert", drücken Sie "OK" und dann "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>
3
CoolMind

erstellen Sie ein XML-Zeichenelement und fügen Sie den folgenden Code hinzu. Sie können die Farbe in Weiß ändern

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