Actionbar back arrow direction

Question

In my application I started to set the UI to meet Material Design use the Toolbar.

I want to add the back arrow on the action bar. It looks ok but somehow, when I change my phone locality to Hebrew which is a rtl language, the arrow change it's direction and instead of pointing "out", it is now pointing "in". Please refer to image to see how arrow looks in Hebrew and English. Is there a way to control the arrow direction (I want it will point "out" always of course)?

I tried to add the android:layoutDirection="ltr" and android:textDirection="ltr" but it didn't helped.

Thanks for who can answer on this.

enter image description here

Here is the code of the Toolbar layout:

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="?android:attr/actionBarSize"
android:background="@color/primaryColor"
app:theme="@style/MyCustomToolBarTheme"
app:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
android:textDirection="ltr"
android:layoutDirection="ltr">

score 8 · Answer 1 · edited May 23 '17 at 12:26

8

Finally I succeeded to change the arrow direction.

Well, actually I followed this post: First, I have found some action bar icons and placed a drawable back icons in the project. Then I used this code to set the arrow programmatically:

        getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_action_back);

edited May 23 '17 at 12:26

Community

1
1

answered Jun 21 '15 at 18:10

Moti Bartov

3,454
33
42

score 2 · Answer 2 · answered Jun 21 '15 at 00:15

2

The "back" icon is provided by a drawable specified in the homeAsUpIndicator attribute of the theme. You can try to override it and put your own marker (arrow out) it would be something like this:

<style name="Theme.MyTheme" parent="android:Theme.Holo">
    <item name="android:homeAsUpIndicator">@drawable/out_arrow</item>
</style>

answered Jun 21 '15 at 00:15

Nicolas

663
6
17

Thanks, I've tried this but it didn't worked. However, I've answered this below. – Moti Bartov Jun 21 '15 at 18:06
@MotiBartov The solution that provided by @Nicolas will work if you replaced `android:homeAsUpIndicator` with `homeAsUpIndicator`. – Mohammed AlBanna Dec 18 '15 at 21:06

score 0 · Answer 3 · answered May 23 '17 at 07:14

0

Below code adjust back arrow direction automatically (Write in your activity):

getSupportActionBar().setDisplayHomeAsUpEnabled(true);

answered May 23 '17 at 07:14

Amir

26
3

score 0 · Answer 4 · answered Sep 29 '21 at 07:26

0

just set android:autoMirrored="true" in your vector drawble's xml.

answered Sep 29 '21 at 07:26

Hardik Hirpara

2,594
20
34

score -1 · Answer 5 · answered Jul 23 '16 at 12:30

If you are using Toolbar then this can be a solution:

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
// getting the back arrow view
View toolbarBack = null;
for (int i = 0; i < toolbar.getChildCount(); i++)
    if (toolbar.getChildAt(i) instanceof ImageButton)
        toolbarBack = toolbar.getChildAt(i);
if (toolbarBack != null) {
    // change arrow direction
    toolbarBack.setRotationY(180);
}

Actionbar back arrow direction

5 Answers5