Android Symbolleiste zurück Pfeil mit Symbol wie WhatsApp

7

Wie man das Icon mit dem Zurückpfeil in der Android Toolbar wie WhatsApp anzeigt?

Ich verwende den folgenden Code, um den Pfeil & amp; Symbol in der Symbolleiste.

%Vor%

aber ich habe das Ergebnis wie unten gezeigt.

Ich möchte das Symbol direkt neben dem Zurück-Pfeil. Ich möchte keine Lücke zwischen Back arrow & amp; Symbol wie unten Bild von WhatsApp.

Wie setze ich ein Icon mit zurück Pfeil in der Toolbar wie WhatsApp?

    
Priyank Patel 03.08.2015, 13:30
quelle

7 Antworten

17

Soweit ich weiß, WhatsApp verwendet nicht die App-compat Support Library Toolbar . WhatsApp setzt die benutzerdefinierte Aktionsleiste mit

%Vor%

Angeschlossen ist die conversation_actionbar.xml, Whatsapp verwendet

%Vor%

Aber ich würde Ihnen empfehlen, den Designregeln von Materail zu folgen und die ToolBar der App-compat Support-Bibliothek zu verwenden ,

Sie können das folgende Ergebnis erhalten, wie in der folgenden Abbildung gezeigt:

Mit folgendem Code

Ihre_Aktivität.xml:

%Vor%

toolbar_conversation.xml:

%Vor%

Activity.java

%Vor%

Warten Sie einfach darauf, WhatsApp wird in Zukunft in die App-compat Support Library verschoben.

    
shanraisshan 14.10.2015 07:46
quelle
1
%Vor%

zusammen mit

%Vor%     
Salah Nour ElDin 03.08.2015 13:40
quelle
1

Es scheint, als müssten Sie drei der Aktionsleistenwerte einstellen, um das Symbol anzuzeigen:

actionBar.setDisplayHomeAsUpEnabled(true); actionBar.setDisplayShowHomeEnabled(true); actionBar.setIcon(R.drawable.ic_cast_dark);

Ich hätte gedacht, dass setDisplayHomeAsUpEnabled' and 'setIcon hätte ausreichen sollen, scheint aber nicht.

Ich verwende android.support.v7.app.ActionBar

    
srinij 08.10.2015 13:34
quelle
1

Sie können dieses Ergebnis erzielen, indem Sie ein benutzerdefiniertes Drawable erstellen, das ein Pfeil- und Bildsymbol enthält, und es dann wie unten gezeigt zur Symbolleiste toolbar.setNavigationIcon(drawable) hinzufügen.

%Vor%

    
vbp 04.11.2016 10:48
quelle
0

Sie können das Padding des Home-Icons mit dem folgenden Code festlegen

%Vor%     
Prashant 03.08.2015 14:05
quelle
0

Nun, ich denke, Sie sollten versuchen, einige Änderungen im Back-Button-Bild vorzunehmen, wie etwas Prägnanz anzuwenden, die Bildbreite zu reduzieren und es auch transparent zu machen. Kann hilfreich sein

    
Dushyant Suthar 28.08.2015 04:23
quelle
0

Sie können dies nicht mit dem normalen Zurück-Pfeil in der Symbolleiste tun, weil er a hat minWidth 56dp mit scaleType center können Sie so etwas tun:

%Vor%

und handle ibCustomBack von selbst.

    
Omar Abdan 15.01.2016 12:24
quelle