How to place extended toolbar's title adjacent to the back arrow?

Question

I have an extended Toolbar but it's title is getting placed at the centre like this:

Here's my code:

<android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:elevation="0dp"
        android:theme="@style/AppTheme.AppBarOverlay">

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

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

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

How can I place this title adjacent to the back arrow up there?

Please let me know.

Answer 1

Do it like this:

<android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/AppTheme.AppBarOverlay"
            app:elevation="0dp">

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

                <TextView
                    android:id="@+id/toolbar_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="top"
                    android:text="Toolbar Title" />

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

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

Or, Remove the android:text then set the title :

Toolbar toolbarTop = (Toolbar) findViewById(R.id.toolbar);
TextView mTitle = (TextView) toolbarTop.findViewById(R.id.toolbar_title);

Output: