Icone per menu e altro - SVG e PNG

Il design attuale dei menu, basato su Material, adotta uno stile particolare: il nome della voce affiancato ad un'icona.

Un ottimo repository per icone, contenente sia quelle fornite di base da Google sia quelle create e caricate dagli utenti, è:

https://materialdesignicons.com/

Alcuni esempi:

Disabilitare "effetto" click in un button, mantenendo e gestendo il click

Per rimuovere l'effetto del "click" (cioè l'ombreggiatura al momento del tocco) in un bottone, bisogna definire il background del bottone con un elemento drawable:

1 2 3 4 5 6 7 8 9 10 11 12

<Button android:id="@+id/btnVisualizzaMenuPeso" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/button_peso" app:layout_constraintBottom_toTopOf="@+id/llListaPeso" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toTopOf="parent" android:background="@drawable/togglebutton_peso_color_background" android:textColor="@color/colorTextWhite" />

A questo punto si definisce l'elemento @drawable/togglebutton_peso_color_background:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_checked="true"> <shape android:shape="rectangle" > <corners android:radius="3dip" /> <stroke android:width="1dip" android:color="@android:color/transparent" /> <solid android:color="@color/colorTextWhite" /> <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" /> </shape> </item> <item> <shape android:shape="rectangle"> <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" /> </shape> </item> </selector>

In questo modo, quando l'elemento viene "toccato", non visualizza l'ombra o altro.

Disegnare un rettangolo in XML

Questa è la guida per disegnare un rettangolo in XML.

Crea un file XML nella directory drawable e aggiungi il codice seguente:

1 2 3 4 5 6 7 8 9 10

<?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/listview_background_shape"> <stroke android:width="2dp" android:color="#ff207d94" /> <padding android:left="2dp" android:top="2dp" android:right="2dp" android:bottom="2dp" /> <corners android:radius="5dp" /> <solid android:color="#ffffffff" /> </shape>

Questo invece è il codice per inserirlo come background in una View:

1 2 3 4 5

<View android:id="@+id/myRectangleView" android:layout_width="200dp" android:layout_height="50dp" android:background="@drawable/rectangle"/>

A questo punto dovrebbe essere tutto a posto.

Una nota: per le ImageViews, bisogna utilizzare l'attributo android:src!