Why cannot see the arrow (back button) in the toolbar?

Question

Hi I am implementing a toolbar, and for this I have the following code:

Activity

public class SimulationActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_simulation);
        PDFView pdfView = findViewById(R.id.pdfView);
        pdfView.fromAsset(SIMULATION_PDF).load();

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

        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setDisplayShowHomeEnabled(true);
        getSupportActionBar().setDisplayShowTitleEnabled(false);


    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                launchMapActivity(this);
                return true;

            default:
                return super.onOptionsItemSelected(item);
        }
    }

}

Layout

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".simulation.SimulationActivity">


    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@color/white"
            app:popupTheme="@style/AppTheme.PopupOverlay">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:fontFamily="@font/lato_black"
                android:text="@string/app_name"
                android:textColor="@color/red"
                android:textSize="26sp" />


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

    ...
</android.support.constraint.ConstraintLayout>

Problem

If I add the TextView inside the Toolbar then the arrow's toolbar not show. Anyway, when I do click on the arrow place (it is hidden), work perfectly.

Target

Show the text view and the arrow in the toolbar.

Any idea?

Tirth Patel · Answer 1 · 2019-03-27T16:25:42.083

1

Remove TextView child of Toolbar & for setting title of toolbar use getSupportActionBar().setTitle().

if (getSupportActionBar() != null)
    getSupportActionBar().setTitle("My title");

For changing Toolbar textColor, call setTitleTextColor

toolbar.setTitleTextColor(getResources().getColor(R.color.colorName));

For chaging font-face add a style in styles.xml & set android:theme="@style/yourStyle" Add following in Styles.xml

<style name="yourStyle" parent="ThemeOverlay.AppCompat.Light">
    <item name="android:fontFamily">@font/yourFont</item>
</style>

edited Mar 27 '19 at 16:25

answered Mar 27 '19 at 16:06

Tirth Patel

5,443
3
27
39

And how can set styles for that test? – Tlaloc-ES Mar 27 '19 at 16:09
Which test? What styles? – Tirth Patel Mar 27 '19 at 16:10
`android:fontFamily="@font/lato_black" android:textColor="@color/red" android:textSize="26sp"` This – Tlaloc-ES Mar 27 '19 at 16:11
Updated my answer. – Tirth Patel Mar 27 '19 at 16:25
Yeah this work, but anyway I can't center the text any idea? – Tlaloc-ES Mar 27 '19 at 16:28
For text size I use this link https://stackoverflow.com/questions/28487312/how-to-change-the-toolbar-text-size – Tlaloc-ES Mar 27 '19 at 16:35

score 0 · Accepted Answer · answered Mar 28 '19 at 10:20

Finally, the problem was in the AppBarLayout in the line:

android:theme="@style/AppTheme.AppBarOverlay"

Now the code is the following:

Activity

public class SimulationActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_simulation);
        PDFView pdfView = findViewById(R.id.pdfView);
        pdfView.fromAsset(SIMULATION_PDF).load();

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        toolbar.setTextAlignment(View.TEXT_ALIGNMENT_CENTER);
        setSupportActionBar(toolbar);

        getSupportActionBar().setDisplayShowTitleEnabled(false);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setDisplayShowHomeEnabled(true);

    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                launchMapActivity(this);
                return true;

            default:
                return super.onOptionsItemSelected(item);
        }
    }

}

Layout

<android.support.design.widget.AppBarLayout
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@color/white"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:popupTheme="@style/AppTheme.AppBarOverlay">

            <TextView
                android:id="@+id/toolbar_title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:textAlignment="center"
                android:fontFamily="@font/lato_black"
                android:text="@string/app_name"
                android:textColor="@color/red"
                android:textSize="26sp"/>

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

Why cannot see the arrow (back button) in the toolbar?

2 Answers2