How to change the toolbar name and put icon with tool bar

Question

I have just made the app using android studio template of Navigation view. Its all working fine but I have the following two requirements

I want to center the toolbar title.
I want to put the image beside the title.

Here is my xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="com.abdulsalam.lahoreqalander.MainActivity">

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

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

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

<include layout="@layout/content_main" />

<!--<android.support.design.widget.FloatingActionButton-->
    <!--android:id="@+id/fab"-->
    <!--android:layout_width="wrap_content"-->
    <!--android:layout_height="wrap_content"-->
    <!--android:layout_gravity="bottom|end"-->
    <!--android:layout_margin="@dimen/fab_margin"-->
    <!--android:src="@android:drawable/ic_dialog_email" />-->

Problem :

I do not know where the title string is saved, I have checked the string.xml and there is the app name and that is exactly showing on the toolbar title.

So Any suggestion where can I change the title string without changing the app name , In fact I want to change it custom and also how to put the image beside it.

Note I am using the template made by Android studio

.

you have to create own style for toolbar set drawable instead color http://stackoverflow.com/a/29533038/3514144 — Ajay Pandya, Feb 03 '16 at 13:20
and also would not it better t handle it in design way inside xml also , I wanted to know in code in java and also in xml there is no string is set for title but how comes it is taking the title from that string — Allay Khalil, Feb 03 '16 at 13:20

Avinash Joshi · Answer 1 · 2016-02-03T13:36:59.010

4

in you activity class do this on create

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
toolbar.setTitle("example");
toolbar.setLogo(R.drawable.icon);

or edit the string resourse and change the title value and icon

edited Feb 03 '16 at 13:36

answered Feb 03 '16 at 13:17

Avinash Joshi

1,307
8
25

to edit the string resource , I can see which string resource is set to it , as shown in code – Allay Khalil Feb 03 '16 at 13:19
also in java there is no way to change the gravity – Allay Khalil Feb 03 '16 at 13:19
check in the manifest file the activity will be accompanied with the lable – Avinash Joshi Feb 03 '16 at 13:21
getSupportToolbar can not be found – Allay Khalil Feb 03 '16 at 13:24

score 4 · Accepted Answer · answered Feb 03 '16 at 13:37

You can implement like this in XML.

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

    <LinearLayout
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:orientation="horizontal"
     android:layout_gravity="center">

          <ImageView
            android:src="@mipmap/ic_launcher"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

          <TextView
            style="@style/TextAppearance.Widget.AppCompat.Toolbar.Title"
            android:text="@string/app_name"
            android:background="?attr/selectableItemBackground"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    </LinearLayout>

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

score 1 · Answer 3 · answered Feb 03 '16 at 13:41

First of all from the documentation:

The use of application icon plus title as a standard layout is discouraged on API 21 devices and newer.

For setting an icon through xml you could use android:navigationIcon inside your Toolbar. For setting the text I would also go with the Java code approach as I could not find anything with xml in the documentation. The text would not be centered anyway.

If you want to center the text you have to modify your Toolbar. Toolbar is a view and you can put anything inside the Toolbar you want.

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

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingEnd="@dimen/activity_horizontal_margin"         
        android:id="@+id/toolbar_content">

        // define text and icon here

    </RelativeLayout>

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

How to change the toolbar name and put icon with tool bar

3 Answers3