Wie heißt das kleine Widget mit drei Punkten in einem Cardview in Android?

Question

Was ist das kleine Widget mit drei Punkten? Wie kann ich es meiner App hinzufügen?

Answer 1

Dies ist kein Widget überhaupt. Es ist ein ImageButton (randlos in der Art), um das Überlauf-Symbol verwenden, die einen Besucher PopupMenu

Zur Dokumentation Tutorial enthält http://developer.android.com/guide/topics/ui/menus.html#PopupMenu

Dies bezieht sich auf einen schönen Code-Schnipsel aus dem obigen Link:

<ImageButton 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/ic_overflow_holo_dark" 
     android:contentDescription="@string/descr_overflow_button" 
     android:onClick="showPopup" /> 

Dann Zeige Popup:

public void showPopup(View v) { 
    PopupMenu popup = new PopupMenu(this, v); 
    MenuInflater inflater = popup.getMenuInflater(); 
    inflater.inflate(R.menu.actions, popup.getMenu()); 
    popup.show(); 
} 

Und Roman Nurik hat diese auch super zusammen gestellt l jedes Material Design-Symbol erhalten Sie wollen:

http://romannurik.github.io/AndroidAssetStudio/

und das Bild ist abrufbar unter:

http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html#source.type=clipart&source.clipart=more_vert&source.space.trim=0&source.space.pad=0&name=ic_action_more_vert&theme=light&color=rgba(33%2C%20150%2C%20243%2C%200.6)

Answer 2

Als ich im Internet gefunden habe, wird es „Überlauf Symbol genannt "oder Aktion Überlauf".

Dieser Code könnte Ihnen vielleicht helfen. (Der Code ist von there)

<menu xmlns:android="http://schemas.android.com/apk/res/android" > 

    <item 
     android:id="@+id/menu_red" 
     android:orderInCategory="1" 
     android:showAsAction="never" 
     android:title="@string/red_string"/> 
    <item 
     android:id="@+id/menu_green" 
     android:orderInCategory="2" 
     android:showAsAction="never" 
     android:title="@string/green_string"/> 
</menu> 

Answer 3

der "Original" Dreipunkt Widget ist die android.widget.ActionMenuPresenter.OverflowMenuButton (ActionMenuPresenter.java). Leider ist es eine private Klasse. Hier ist eine Arbeits kürzere Version:

public class OverflowMenuButton extends AppCompatImageView 
{ 
    public OverflowMenuButton(Context context) 
    { 
     this(context, null); 
    } 

    public OverflowMenuButton(Context context, AttributeSet attrs) 
    { 
     this(context, attrs, 0); 
    } 

    public OverflowMenuButton(Context context, AttributeSet attrs, int defStyleAttr) 
    { 
     super(new ContextThemeWrapper(context, R.style.OverflowButtonTheme), attrs, R.attr.actionOverflowButtonStyle); 

     setClickable(true); 
     setFocusable(true); 
     setVisibility(VISIBLE); 
     setEnabled(true); 
    } 
} 

Themen der ContextThemeWrapper eine dunkele und helle Version erhalten:

<!--White dots theme--> 
<style name="OverflowButtonTheme" parent="@style/Theme.AppCompat"> 
    <item name="actionOverflowButtonStyle">@style/Widget.AppCompat.ActionButton.Overflow</item> 
</style> 

<!--Dark dots theme--> 
<style name="OverflowButtonThemeLight" parent="@style/Theme.AppCompat.Light"> 
    <item name="actionOverflowButtonStyle">@style/Widget.AppCompat.Light.ActionButton.Overflow</item> 
</style> 

Answer 4

Sie können auch einfach ein ImageButton mit dem actionOverflowButtonStyle Stil-Attribute verwenden.

<ImageButton 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    style="?android:attr/actionOverflowButtonStyle"/> 

Answer 5

<vector xmlns:android="http://schemas.android.com/apk/res/android" 
    android:width="24dp" 
    android:height="24dp" 
    android:viewportWidth="24.0" 
    android:viewportHeight="24.0"> 
    <path 
     android:fillColor="#FF000000" 
     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,2zm0,2c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2zm0,6c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2z"/> 
</vector>