Il modo migliore per creare una barra degli strumenti in basso in Android.

Question

Alla ricerca di un buon approccio per ottenere una barra degli strumenti simile. Dovrei usare i pulsanti immagine ??

Answer 1

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:id="@+id/actionbarT" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:background="@drawable/thebackgroundimageyouwant" 
android:minHeight="?attr/actionBarSize" 
app:theme="@style/Base.Theme.AppCompat.CompactMenu" > 

    <LinearLayout 
     android:id="@+id/toolbarmenucontainer" 
     android:layout_width="match_parent" 
     android:weightSum="3" 
     android:layout_height="match_parent" 
     android:orientation="horizontal" > 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:background="@drawable/preferedbackground" 
      android:clickable="true" 
      android:scaleType="fitXY" 
      android:weight = "1" 
      android:src="@drawable/preferredimage" /> 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:background="@drawable/preferedbackground" 
      android:clickable="true" 
      android:scaleType="fitXY" 
      android:weight = "1" 
      android:src="@drawable/preferredimage" /> 

     <ImageButton 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:background="@drawable/preferedbackground" 
      android:clickable="true" 
      android:scaleType="fitXY" 
      android:weight = "1" 
      android:src="@drawable/preferredimage" /> 

    </LinearLayout> 

</android.support.v7.widget.Toolbar> 

l'idea è metteranno in orizzontale, come quello che si desidera, anche allora non fare ToolBar.setTitle() o setnagivation sul ToolBar anche che non è necessario aggiungere optionsMenu ad esso. quindi sarà nudo come quello che vuoi.

provare e vedere se si adatta il vostro requisito, ricordarsi di aggiungere lo src sfondo e immagine al ImageButton s

Answer 2

Beh, l'ultima volta che ho provato a fare questo ho usato Button s sul fondo del Layout avvolto da un LinearLayout, qualcosa di simile:

<LinearLayout> 
// The other stuff on the view 
(...) 
</LinearLayout> 
// (This is the part you can try to use as a toolbar) 
<LinearLayout 
    android:orientation="horizontal" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"> 

    <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom" 
     style="?android:attr/borderlessButtonStyle" 
     android:textStyle="bold" 
     android:background="@drawable/button_tab" 
     android:textColor="#ffffffff" 
     android:text="@string/bt_orders" 
     android:id="@+id/bt_orders" 
     android:layout_weight="1" /> 

    <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom" 
     style="?android:attr/borderlessButtonStyle" 
     android:textStyle="bold" 
     android:background="@drawable/button_tab" 
     android:textColor="#ffffffff" 
     android:text="@string/bt_credit" 
     android:id="@+id/bt_credit" 
     android:layout_weight="1" /> 
</LinearLayout> 

e se siete curiosi di sapere lo stile e lo sfondo che ho usato, eccolo:

// button_tab.xml 
<?xml version="1.0" encoding="utf-8"?> 

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="true"> 
     <shape android:shape="rectangle"> 
      <stroke 
       android:width="1dp" 
       android:color="@color/button_pressed" /> 
      <solid android:color="@color/button_pressed" /> 
     </shape> 
    </item> 
    <item android:state_focused="true" > 
     <shape android:shape="rectangle"> 
      <stroke 
       android:width="1dp" 
       android:color="@color/button_focus" /> 
      <solid android:color="@color/button_focus" /> 
     </shape> 
    </item> 
    <item> 
     <shape android:shape="rectangle"> 
      <stroke 
       android:width="1dp" 
       android:color="@color/button_normal" /> 
      <solid android:color="@color/button_normal" /> 
     </shape> 
    </item> 
</selector> 

Answer 3

Ho condiviso la mia soluzione su GitHub. È per Xamarin, ma i layout sono gli stessi.

http://behsaadramez.com/2015/11/26/androidbottomtoolbar/

Answer 4

Sono venuto a questa domanda qualche tempo indietro. Non ero in grado di aggiungere del testo sotto i pulsanti. Ho scritto un articolo su come ho risolto il problema con lo snippet di codice e lo screenshot here, create goolge plus like toolbar in android

Answer 5

So che questa domanda è super vecchia, ma immagino che non sia mai troppo tardi per rispondere agli altri popoli che cercano la stessa cosa. Ho appena trovato this tutorial e these official docs sull'argomento, ora che le nav di base sono ufficialmente supportate da Android e fanno parte delle linee guida sul design dei materiali se la tua app ha da 3 a 5 posizioni di navigazione di primo livello. Spero che questo aiuti qualcun altro, perché ho passato un bel po 'di tempo a cercarlo.