Qual è il nome del piccolo widget con tre punti all'interno di un cardview in Android?

Question

Qual è il piccolo widget con tre punti? Come posso aggiungerlo alla mia app?

Answer 1

Questo non è affatto un widget. Si tratta di un ImageButton (senza bordi in stile) utilizzando l'icona di troppo pieno che include un PopupMenu

Per le visite documentazione del tutorial http://developer.android.com/guide/topics/ui/menus.html#PopupMenu

Questo si riferisce a un bel frammento di codice dal link qui sopra:

<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" /> 

Poi usa per mostrare 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(); 
} 

E Roman Nurik ha messo insieme anche questo fantastico l per ottenere qualsiasi icona design materiale che si desidera:

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

e l'immagine è disponibile all'indirizzo:

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

Come ho trovato sul web, si chiama "icona di troppo pieno "o overflow di azione".

Questo codice potrebbe essere di aiuto. (Il codice è da 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

Il widget tre punti "originale" è il android.widget.ActionMenuPresenter.OverflowMenuButton (ActionMenuPresenter.java). Purtroppo è una classe privata. Ecco una versione più breve di lavoro:

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); 
    } 
} 

Temi del ContextThemeWrapper per ottenere un buio e la luce versione:

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

Si può anche semplicemente utilizzare un ImageButton con l'attributo actionOverflowButtonStyle stile.

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