Material "Schließen" -Taste in der Toolbar statt Zurück

Question

Ich habe in Google Inbox App gesehen, eine neue E-Mail verfasst, in der Symbolleiste statt der Zurück-Taste (ein Pfeil) hat es eine Schaltfläche "Schließen" (siehe Bild).

Wie kann ich das erreichen?

Answer 1

Verwenden

this.getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_action_close); 

dies zu erreichen.

Sie können Ihr eigenes Schließsymbol erstellen oder von material design icon set auf GitHub erhalten. Fügen Sie auch diese Zeile vor der obigen Zeile hinzu, um close-Funktion als den Zurück-Pfeil zu machen.

this.getSupportActionBar().setDisplayHomeAsUpEnabled(true); 

Answer 2

Sie können einen Stil definieren:

<style name="Theme.Toolbar.Clear"> 
    <item name="toolbarNavigationIcon">@drawable/abc_ic_clear_mtrl_alpha</item> 
</style> 

und verwenden Sie es in Ihrem Thema:

<style name="Theme.Clear"> 
    <item name="toolbarTheme">@style/Theme.Toolbar.Clear</item> 
</style> 

Answer 3

Sie benötigen ein Elternteil im Manifest zu definieren, dann überschreiben onSupportNavigationUp() wenn Sie die Support-App-Leiste verwenden. Auch gehen zu dieser praktischen Seite für das Icon-Pack: https://www.google.com/design/icons/

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 

    setContentView(R.layout.yourAwesomeLayout); 

    setupToolBar();  
} 

private void setupToolBar() { 
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 

    if (toolbar == null) return; 

    setSupportActionBar(toolbar); 

    getSupportActionBar().setDisplayHomeAsUpEnabled(true); 

    getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_close_white_24dp); 
} 

@Override 
public boolean onSupportNavigateUp() { 
    finish(); // close this activity as oppose to navigating up 

    return false; 
} 

Answer 4

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 
toolbar.setTitle("Search"); 
toolbar.setNavigationIcon(R.drawable.abc_ic_clear_mtrl_alpha); 
setSupportActionBar(toolbar); 

Answer 5

Eine Alternative, um die übergeordneten Aktivität im Manifest zu definieren, zu handhaben, welche Maßnahmen in der onOptionsItemSelected Methode zu nehmen wie In diesem Beispiel:

@Override 
public boolean onOptionsItemSelected(MenuItem item){ 
    switch (item.getItemId()) { 
     // Respond to the action bar's Up/Home/back button 
     case android.R.id.home: 
      finish(); 
      break; 
    } 
    return super.onOptionsItemSelected(item); 
} 

Answer 6

Entschuldigung für die späte Antwort. Ich fand einfachste Lösung für Sie. hier vor allem funktioniert die Antwort nicht für mich (because i want to use toolbar not actionBar due to theming). Versuchen Sie also, die Schaltfläche "Schließen" über das XML-Layout hinzuzufügen. und es funktioniert.

Hier ist eine XML-Syntax zum Hinzufügen der Schaltfläche zum Schließen der Symbolleiste (v7).

app:navigationIcon="@drawable/ic_close_black_24dp" 

am hier ist ein löschte Bild