how to align icon on the left side of the app bar in android

Question

I am trying to push the back icon image on the left side of the app bar in the android but the icon displaying in the middle of app(tool) bar. How to align icon on the right side of the app bar in android? Please have a look at the image below.

<menu
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
tools:context="divine.calcify.activities.HomeScreenActivity">
    <item
        android:layoutDirection="ltr"
        android:id="@+id/hs_back_button"
        android:icon="@mipmap/ic_back"
        android:title="@string/homescreen_back"
        app:showAsAction="always"
        ></item>
    <item
        android:id="@+id/menu_search"
        android:icon="@mipmap/ic_search"
        android:title="@string/homescreen_search"
        android:orderInCategory="1"
        app:showAsAction="always"
        app:actionViewClass="android.support.v7.widget.SearchView"/>
    <item android:id="@+id/menu_notifications"
        android:icon="@mipmap/ic_divine_notification"
        android:title="@string/homescreen_notification"
        android:orderInCategory="2"
        app:showAsAction="always" />
</menu>

Use Toolbar and set getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setDisplayShowHomeEnabled(true); for toolbar — Mujammil Ahamed, Aug 08 '16 at 09:44
do you want just the back icon on left or you want both back icon and hamburger icon together?? — himanshu1496, Aug 08 '16 at 10:23
@himanshu1496 i want both with back icon at the left most of the app bar. — Mithun Kumar, Aug 08 '16 at 10:37
then you need to customise the toolbar with your layout and also you need to handle the clicks by yourself. — himanshu1496, Aug 08 '16 at 10:39
Check this to add your own toolbar http://stackoverflow.com/a/26548766/5515371 — Mujammil Ahamed, Aug 08 '16 at 10:50

Vishwesh Jainkuniya · Answer 1 · 2016-08-08T09:56:49.497

1

Pragmatically add back button in java file (in Activity)

Try this

 ActionBar actionBar = getSupportActionBar();
 actionBar.setDisplayHomeAsUpEnabled(true);
 actionBar.setTitle("Divine");

edited Aug 08 '16 at 09:56

answered Aug 08 '16 at 09:46

Vishwesh Jainkuniya

2,821
3
18
35

score 0 · Answer 2 · answered Aug 08 '16 at 10:51

You must use Toolbar instead of ActionBar. Toolbar gives you freedom to design it freely as normal view.

If you dont have implemented toolbar yet no problem.

Extend you class to ActionBarActivity
Update theme with parent Theme.AppCompat.Light.NoActionBar

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">     </style>

Create your toolbar layout.

 <android.support.v7.widget.Toolbar
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:minHeight="100dp"
    android:background="@color/colorPrimary">


    <!--your views here-->
 </android.support.v7.widget.Toolbar>

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar);

Full Demo Here

how to align icon on the left side of the app bar in android

2 Answers2