Android: How to Center title in ToolBar

by

The problem with simply adding a TextView in the Toolbar aligned center is adding menu items in the toolbar which will offset the centered text.

To get around this, I’ve layered the text on top of the Toolbar, not inside it. This way it doesn’t matter how many icons you add, it will not offset the centered text:

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/ThemeOverlay.AppCompat.ActionBar">
        </android.support.v7.widget.Toolbar>

        <TextView
            android:layout_centerInParent="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/app_name"/>

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

This way there is no need for any extra logic to compensate for the offset spacing of back buttons/overflow menu/search icons etc. on the toolbar, because the centered text is above it, not in it.

More Related Contents:

  1. How do I use DrawerLayout to display over the ActionBar/Toolbar and under the status bar?
  2. In android app Toolbar.setTitle method has no effect – application name is shown as title
  3. Creating a SearchView that looks like the material design guidelines
  4. MenuItem tinting on AppCompat Toolbar
  5. How to change Toolbar home icon color
  6. How can I align Android Toolbar menu/icons to the left like in Google Maps app?
  7. How to set Toolbar text and back arrow color
  8. Don’t collapse Toolbar when RecyclerView fits the screen
  9. setSupportActionBar toolbar cannot be applied to (android.widget.Toolbar) error
  10. Toolbar options menu background color
  11. How do I make DrawerLayout to display below the Toolbar?
  12. How to change the toolbar text size?
  13. android/view/view$onUnhandledKeyEventListener (onMeasure error)
  14. How do you set the title color for the new Toolbar?
  15. How to change CollapsingToolbarLayout typeface and size?
  16. How to fix getActionBar method may produce java.lang.NullPointerException
  17. How animate Burger to Arrow with Appcompat v7 21, Toolbar and DrawerLayout
  18. How do I create a transparent Activity on Android?
  19. How to call Android contacts list?
  20. WebView android proxy
  21. How to measure the tilt of the phone in XY plane using accelerometer in Android
  22. Android Bitmap to Base64 String
  23. EditText error icon and show password missplaced
  24. Blur Background Behind AlertDialog
  25. Drawable image on a canvas
  26. How to change fragment’s textView’s text from activity
  27. Firebase Realtime Database connection killed: Different Region
  28. How to use Bluetooth in Android emulator?
  29. Android 11 – Accessing Files in my app Android/Data folder
  30. Get number of unread sms

Leave a Comment