Android toolbar center title and custom font

Question

I m trying to figure out the right way to use a custom font for the toolbar title  and center it in the toolbar  client requirement    At the moment  i m using the good old ActionBar  and I was setting the title to empty value  and using setCustomView to put my custom font TextView and center it using ActionBar LayoutParams   Is there a better way to do that  Using the new Toolbar as my ActionBar

User · Answer

public class TestActivity extends AppCompatActivity       private Toolbar toolbar        Override     protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           super setContentView R layout activity test            toolbar    Toolbar  findViewById R id tool bar      Attaching the layout to the toolbar object         setSupportActionBar toolbar            customizeToolbar toolbar              public void customizeToolbar Toolbar toolbar              Save current title and subtitle         final CharSequence originalTitle   toolbar getTitle            final CharSequence originalSubtitle   toolbar getSubtitle                Temporarily modify title and subtitle to help detecting each         toolbar setTitle  title            toolbar setSubtitle  subtitle             for int i   0  i  lt  toolbar getChildCount    i                 View view   toolbar getChildAt i                if view instanceof TextView                   TextView textView    TextView  view                    if textView getText   equals  title                            Customize title s TextView                     Toolbar LayoutParams params   new Toolbar LayoutParams Toolbar LayoutParams WRAP CONTENT  Toolbar LayoutParams MATCH PARENT                       params gravity   Gravity CENTER HORIZONTAL                      textView setLayoutParams params                           Apply custom font using the Calligraphy library                     Typeface typeface   TypefaceUtils load getAssets     fonts myfont-1 otf                        textView setTypeface typeface                      else if textView getText   equals  subtitle                            Customize subtitle s TextView                     Toolbar LayoutParams params   new Toolbar LayoutParams Toolbar LayoutParams WRAP CONTENT  Toolbar LayoutParams MATCH PARENT                       params gravity   Gravity CENTER HORIZONTAL                      textView setLayoutParams params                           Apply custom font using the Calligraphy library                     Typeface typeface   TypefaceUtils load getAssets     fonts myfont-2 otf                        textView setTypeface typeface                                                         Restore title and subtitle         toolbar setTitle originalTitle           toolbar setSubtitle originalSubtitle

User · Answer

You can insert this code in your xml file    lt androidx appcompat widget Toolbar xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  wrap content      android background   color colorPrimaryDark      android elevation  4dp      android theme   style ThemeOverlay AppCompat ActionBar  gt        lt TextView         android layout width  wrap content          android layout height  wrap content          android text  Toolbar Title          android textColor   000000          android textSize  20dp          android id    id toolbar title    gt    lt  androidx appcompat widget Toolbar gt

User · Answer

I solved this solution   And this is a following codes     lt 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   gt            lt TextView             android layout width  wrap content              android layout height  wrap content              android text  Order History              android layout gravity  center              android id    id toolbar title              android textSize  17sp              android textStyle  bold              android textColor   color colorWhite                gt        lt  android support v7 widget Toolbar gt    And you can change title label   in Activity  write a below codes   Toolbar toolbarTop    Toolbar  findViewById R id toolbar top     TextView mTitle    TextView  toolbarTop findViewById R id toolbar title   mTitle setText   string

User · Answer

Layout    lt android support v7 widget Toolbar     android id    id toolbar top      android layout height  wrap content      android layout width  match parent      android minHeight   attr actionBarSize      android background   color action bar bkgnd      app theme   style ToolBarTheme   gt         lt TextView         android layout width  match parent          android layout height  wrap content          android text  Toolbar Title          android layout gravity  center          android gravity  center          android id    id toolbar title    gt   lt  android support v7 widget Toolbar gt    Code       Toolbar mToolbar   parent findViewById R id toolbar top       TextView mToolbarCustomTitle   parent findViewById R id toolbar title          setup width of custom title to match in parent toolbar     mToolbar postDelayed new Runnable                  Override         public void run                          int maxWidth   mToolbar getWidth                int titleWidth   mToolbarCustomTitle getWidth                int iconWidth   maxWidth - titleWidth               if  iconWidth  gt  0                                  icons  drawer  menu  are on left and right side                 int width   maxWidth - iconWidth   2                  mToolbarCustomTitle setMinimumWidth width                   mToolbarCustomTitle getLayoutParams   width   width                                 0

User · Answer

Solution that I used for this problem    public static void applyFontForToolbarTitle Activity a           Toolbar toolbar    Toolbar  a findViewById R id app bar           for int i   0  i  lt  toolbar getChildCount    i                 View view   toolbar getChildAt i               if view instanceof TextView                   TextView tv    TextView  view                  if tv getText   equals a getTitle                          tv setTypeface getRuneTypefaceBold a                        break                                                    For center gravity I think it would be necessary to change layout params to match parent horizontally and then   tv setGravity Gravity CENTER

User · Answer

we don t have direct access to the ToolBar title TextView so we use reflection to access it     private TextView getActionBarTextView         TextView titleTextView   null       try           Field f   mToolBar getClass   getDeclaredField  mTitleTextView            f setAccessible true           titleTextView    TextView  f get mToolBar         catch  NoSuchFieldException e          catch  IllegalAccessException e              return titleTextView

User · Answer

As I see it you have two options   1  Edit the toolbar XML  When your Toolbar is added in the XML it usually looks like that    lt android support v7 widget Toolbar     android id    id toolbar      android layout width  match parent      android layout height   attr actionBarSize      android elevation  4dp      app popupTheme   style AppTheme PopupOverlay   gt    if you want to customize it just remove the     in the end and make it like that    lt android support v7 widget Toolbar             android id    id toolbar              android layout width  match parent              android layout height   attr actionBarSize              android elevation  4dp              app popupTheme   style AppTheme PopupOverlay  gt                lt android support constraint ConstraintLayout                 android layout width  match parent                  android layout height  match parent  gt                    lt ImageView                     android id    id toolbar iv                      android layout width  30dp                      android layout height  30dp                      android src   mipmap ic launcher                      app layout constraintBottom toBottomOf  parent                      app layout constraintLeft toLeftOf  parent                      app layout constraintTop toTopOf  parent    gt                    lt TextView                     android id    id toolbar tv                      android layout width  wrap content                      android layout height  match parent                      android layout marginLeft  20dp                      android gravity  center                      app layout constraintBottom toBottomOf  parent                      app layout constraintLeft toRightOf    id toolbar iv                      app layout constraintTop toTopOf  parent    gt                lt  android support constraint ConstraintLayout gt           lt  android support v7 widget Toolbar gt    that way you can have a toolbar and customize the textview and the logo   2  Programrticly change the native textview and icon   Toolbar toolbar    Toolbar  findViewById R id toolbar   setSupportActionBar toolbar   getSupportActionBar   setIcon R drawable ic question mark   getSupportActionBar   setTitle  Title      make sure your toolbar is not null before you set anything in it

User · Answer

This s just to help to join all pieces using  MrEngineer13 answer with  Jonik and   Rick Sanchez comments with the right order to help to achieve title centered easly    The layout with TextAppearance AppCompat Widget ActionBar Title         lt 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  gt            lt TextView             android id    id toolbar title              android layout width  wrap content              android layout height  wrap content                                    style   style TextAppearance AppCompat Widget ActionBar Title              android layout gravity  center    gt        lt  android support v7 widget Toolbar gt    The way to achieve with the right order       Toolbar toolbar    Toolbar  findViewById R id toolbar       TextView mTitle    TextView  toolbar findViewById R id toolbar title        setSupportActionBar toolbar       mTitle setText toolbar getTitle          getSupportActionBar   setDisplayShowTitleEnabled false     Please don t forget to upvote  MrEngineer13 answer      Here is a sample project ToolbarCenterTitleSample    Hope to help somebody else

User · Answer

I was facing the same issue  fixed by doing this in MainActivity  Toolbar toolbar    Toolbar  findViewById R id toolbar   TextView mTitle    TextView  toolbar findViewById R id toolbar title   setSupportActionBar toolbar   getSupportActionBar   setDisplayShowTitleEnabled false     And In Fragment   Override public View onCreateView LayoutInflater inflater  ViewGroup container                           Bundle savedInstanceState        if  view    null               Inflate the layout for this fragment         view   inflater inflate R layout fragment example  container  false           init              getActivity   setTitle  Choose Fragment        return view      Override public void onCreateOptionsMenu Menu menu  MenuInflater inflater        inflater inflate R menu example menu  menu

User · Answer

Typeface face  Typeface createFromAsset getAssets     font font ttf       your custom font Toolbar toolbar    Toolbar  findViewById R id toolbar   toolbar setTypeface face   setSupportActionBar toolbar     Other Tutorial    Android Toolbar Example Using Custom Font in Android ActionBar Tutorial with Example

User · Answer

A very quick and easy way to set a custom font is to use a custom titleTextAppearance with a fontFamily      Add to styles xml    lt style name  ToolbarTitle  parent  TextAppearance Widget AppCompat Toolbar Title  gt       lt item name  android textSize  gt 16sp lt  item gt       lt item name  android textColor  gt  FF202230 lt  item gt       lt item name  android fontFamily  gt  font varela round regular lt  item gt   lt  style gt    In your res folder create a font folder  Ex  varela round regular ttf   Read the official guide to find out more https   developer android com guide topics ui look-and-feel fonts-in-xml html

User · Answer

this is what i did with one navigation icon and one Text view now you can make an extension to apply it where ever you need it  but you have to apply it on every activity  toolbar 0  as AppCompatTextView  let               it viewTreeObserver addOnDrawListener                   it layoutParams   it layoutParams apply                       width   Toolbar LayoutParams MATCH PARENT                      this as ViewGroup MarginLayoutParams  apply                           marginEnd   toolbar 1  width                                                         it textAlignment   View TEXT ALIGNMENT CENTER

User · Answer

I use this solution   static void centerToolbarTitle  NonNull final Toolbar toolbar        final CharSequence title   toolbar getTitle        final ArrayList lt View gt  outViews   new ArrayList lt  gt  1       toolbar findViewsWithText outViews  title  View FIND VIEWS WITH TEXT       if   outViews isEmpty              final TextView titleView    TextView  outViews get 0           titleView setGravity Gravity CENTER           final Toolbar LayoutParams layoutParams    Toolbar LayoutParams  titleView getLayoutParams            layoutParams width   ViewGroup LayoutParams MATCH PARENT          toolbar requestLayout              also you can use titleView for changing font  titleView setTypeface Typeface

User · Answer

No one has mentioned this  but there are some attributes for Toolbar   app titleTextColor for setting the title text color  app titleTextAppearance for setting the title text appearance  app titleMargin for setting the margin  And there are other specific-side margins such as marginStart  etc

User · Answer

Try taking Toolbar and tittle in a separate view  Take a view on right end and given them weight equal to the toolbar weight  In this way your tittle will come in center    lt android support design widget AppBarLayout     android id    id app bar      android layout width  match parent      android layout height  wrap content      android theme   style AppTheme AppBarOverlay      android background   color white color  gt     lt LinearLayout    android id    id toolbar layout     android layout width  match parent     android layout height  wrap content     android background   color white color  gt        lt android support v7 widget Toolbar         android id    id toolbar          android layout width  0dp          android layout height   attr actionBarSize          android background   color white color          app popupTheme   style AppTheme PopupOverlay          app contentInsetLeft  0dp          app contentInsetStart  0dp          android layout weight  0 2           app contentInsetStartWithNavigation  0dp          app navigationIcon   color greyTextColor  gt          lt  android support v7 widget Toolbar gt             lt com an customfontview CustomTextView             android id    id headingText              android layout width  0dp              android layout height  wrap content              android layout weight  0 6              android gravity  center              android text  Heading              android layout centerHorizontal  true              android layout centerVertical  true              android textColor   color colorPrimary              android textSize   dimen keyboard number              android layout gravity  center horizontal center vertical              app textFontPath  fonts regular ttf    gt               lt ImageView                 android id    id search icon                  android layout width  0dp                  android layout height  wrap content                  android layout alignParentEnd  true                  android layout centerVertical  true                  android visibility  visible                  android layout weight  0 2                  android layout gravity  center horizontal center vertical                  android src   drawable portfolio icon   gt           lt  LinearLayout gt           lt  android support design widget AppBarLayout gt

User · Answer

I don t know if anything changed in the appcompat library but it s fairly trivial  no need for reflection   Toolbar toolbar    Toolbar  findViewById R id toolbar   setSupportActionBar toolbar       loop through all toolbar children right after setting support     action bar because the text view has no id assigned     also make sure that the activity has some title here    because calling setText   with an empty string actually    removes the text view from the toolbar  TextView toolbarTitle   null  for  int i   0  i  lt  toolbar getChildCount      i        View child   toolbar getChildAt i           assuming that the title is the first instance of TextView        you can also check if the title string matches     if  child instanceof TextView            toolbarTitle    TextView child          break

User · Answer

Even though adding a text view to the toolbar can solve the problem of the restriction of title styling  there is an issue with it  Since we are not adding it to a layout  we do not have too much control over its width  We can either use wrap content or match parent    Now consider a scenario where we have a searchView as a button on the right edge of the toolbar  If the title contents are more  it will go on top of the button obscuring it  There is no way of controlling this short of setting a width to the label and is something you don t want to do if you want to have a responsive design   So  here is a solution that worked for me which is slightly different from adding a textview to the toolbar  Instead of that  add the toolbar and text view to a relative layout and ensure that the text view is on top of the toolbar  Then we can use appropriate margins and make sure the text view shows up where we want it to show up   Make sure you set the toolbar to not show the title   Here is the XML for this solution    lt RelativeLayout                     android orientation  horizontal                      android layout width  match parent                      android layout height  wrap content                      android background   attr colorPrimary  gt                        lt android support v7 widget Toolbar                         android theme   style ThemeOverlay AppCompat Dark                          android id    id activity toolbar                          android layout width  match parent                          android layout height   attr actionBarSize                          android background   attr colorPrimary                          android titleTextAppearance   style AppTheme TitleTextView                          android layout marginRight  40dp                          android layoutMode  clipBounds  gt                            lt android support v7 widget SearchView                             android id    id search view                              android layout width  wrap content                              android layout height  wrap content                              android layout gravity  right                              android layout centerVertical  true                              android layout alignParentRight  true                              android foregroundTint   color white    gt                           lt  android support v7 widget Toolbar gt                        lt TextView                         android id    id toolbar title                          android layout width  match parent                          android layout height  wrap content                          android layout marginRight  90dp                          android text   string app name                          android textSize   dimen title text size                          android textColor   color white                          android lines  1                          android layout marginLeft  72dp                          android layout centerVertical  true    gt                    lt  RelativeLayout gt    Solves the issue  ankur-chaudhary mentioned above

User · Answer

private void makeTitleCenter String title  Toolbar toolbar        if  title    null  amp  amp   TextUtils isEmpty title trim               final String tag                if  getSupportActionBar      null                getSupportActionBar   setTitle tag                     TextView titleTv   null          View leftBtn   null          for  int i   0  i  lt  toolbar getChildCount    i                  View view   toolbar getChildAt i               CharSequence text   null              if  view instanceof TextView  amp  amp   text     TextView  view  getText       null  amp  amp  text equals tag                     titleTv    TextView  view                else if  view instanceof ImageButton                    leftBtn   view                                  if  titleTv    null                final TextView fTitleTv   titleTv              final View fLeftBtn   leftBtn              fTitleTv getViewTreeObserver   addOnGlobalLayoutListener new ViewTreeObserver OnGlobalLayoutListener                      Override                 public void onGlobalLayout                         fTitleTv getViewTreeObserver   removeOnGlobalLayoutListener this                       int leftWidgetWidth   fLeftBtn    null   fLeftBtn getWidth     0                      fTitleTv setPadding DimenUtil getResources   getDisplayMetrics   widthPixels   2 - leftWidgetWidth - fTitleTv getWidth     2  0  0  0                       fTitleTv requestLayout

User · Answer

The ToolBar title is stylable  Any customization you make has to be made in the theme  I ll give you an example   Toolbar layout    lt  xml version  1 0  encoding  utf-8   gt   lt android support v7 widget Toolbar     style   style ToolBarStyle Event      xmlns android  http   schemas android com apk res android      android id    id toolbar      android layout width  match parent      android layout height  wrap content      android background   attr colorPrimary      android minHeight   dimen abc action bar default height material    gt    Styles    lt style name  ToolBarStyle  parent  ToolBarStyle Base   gt    lt style name  ToolBarStyle Base  parent    gt       lt item name  popupTheme  gt  style ThemeOverlay AppCompat Light lt  item gt       lt item name  theme  gt  style ThemeOverlay AppCompat Dark ActionBar lt  item gt   lt  style gt    lt style name  ToolBarStyle Event  parent  ToolBarStyle  gt       lt item name  titleTextAppearance  gt  style TextAppearance Widget Event Toolbar Title lt  item gt   lt  style gt    lt style name  TextAppearance Widget Event Toolbar Title  parent  TextAppearance Widget AppCompat Toolbar Title  gt       lt  --Any text styling can be done here-- gt       lt item name  android textStyle  gt normal lt  item gt       lt item name  android textSize  gt  dimen event title text size lt  item gt   lt  style gt

User · Answer

Without toolbar TextView we can customize font by using below code  getSupportActionBar   setDisplayShowTitleEnabled false   or getActionBar   setDisplayShowTitleEnabled false    public void updateActionbar String title       SpannableString spannableString   new SpannableString title       spannableString setSpan new TypefaceSpanString this    futurastdmedium ttf                0  spannableString length                Spannable SPAN EXCLUSIVE EXCLUSIVE       mToolbar setTitle spannableString

User · Answer

I found another way to add custom toolbar without any adicional Java Kotlin code    First  create a XML with your custom toolbar layout with AppBarLayout as the parent    lt  xml version  1 0  encoding  utf-8   gt   lt android support design widget AppBarLayout                          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  wrap content      android theme   style AppTheme AppBarOverlay  gt    lt 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  gt        lt ImageView         android layout width  80dp          android layout height  wrap content          android layout gravity  right          android layout marginEnd   dimen magin default          android src   drawable logo    gt    lt  android support v7 widget Toolbar gt     Second  Include the toolbar in your layout    lt  xml version  1 0  encoding  utf-8   gt                   lt android support constraint ConstraintLayout      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 background   color blue      tools context   app MainAcitivity      tools layout editor absoluteY  81dp  gt        lt include         layout   layout toolbar inicio          app layout constraintEnd toEndOf  parent          app layout constraintStart toStartOf  parent          app layout constraintTop toTopOf  parent    gt        lt  -- Put your layout here -- gt    lt  android support constraint ConstraintLayout gt

User · Answer

Define the following class   public class CenteredToolbar extends Toolbar        private TextView centeredTitleTextView       public CenteredToolbar Context context            super context              public CenteredToolbar Context context   Nullable AttributeSet attrs            super context  attrs              public CenteredToolbar Context context   Nullable AttributeSet attrs  int defStyleAttr            super context  attrs  defStyleAttr               Override     public void setTitle  StringRes int resId            String s   getResources   getString resId           setTitle s               Override     public void setTitle CharSequence title            getCenteredTitleTextView   setText title               Override     public CharSequence getTitle             return getCenteredTitleTextView   getText   toString               public void setTypeface Typeface font            getCenteredTitleTextView   setTypeface font              private TextView getCenteredTitleTextView             if  centeredTitleTextView    null                centeredTitleTextView   new TextView getContext                 centeredTitleTextView setTypeface                   centeredTitleTextView setSingleLine                centeredTitleTextView setEllipsize TextUtils TruncateAt END               centeredTitleTextView setGravity Gravity CENTER               centeredTitleTextView setTextAppearance getContext    R style TextAppearance AppCompat Widget ActionBar Title                Toolbar LayoutParams lp   new Toolbar LayoutParams LayoutParams WRAP CONTENT  LayoutParams WRAP CONTENT               lp gravity   Gravity CENTER              centeredTitleTextView setLayoutParams lp                addView centeredTitleTextView                     return centeredTitleTextView               and then just use it instead of regular Toolbar like this    lt RelativeLayout         android layout width  match parent          android layout height  match parent          android background   color colorAccent  gt            lt your packagename here CenteredToolbar             android id    id toolbar              android layout width  match parent              android layout height  wrap content              android background   attr colorPrimary              android minHeight   attr actionBarSize              android theme   attr actionBarTheme              app title   string reset password page title   gt            lt  -- Other views -- gt    lt  RelativeLayout gt    You still need these 2 lines of code in your Activity  as with standard Toolbar    Toolbar toolbar    Toolbar  findViewByid R id toolbar      note that your activity doesn t need to know that it is actually a custom Toolbar setSupportActionBar binding toolbar     That s it  You don t need to hide the standard left-aligned title  don t need to duplicate the same XML code over and over  etc   just use CenteredToolbar like if it was default Toolbar  You can also set your custom font programatically since you now have direct access to the TextView  Hope this helps

User · Answer

Try   Override     public void onBackPressed               if getTitle   equals getResources   getString R string app name                  super onBackPressed               else     set visiblity

User · Answer

Setting android gravity  center  worked for me  No styling nothing  Toolbar is basically a ViewGroup all you need to do is set gravity of elements in it            lt android support v7 widget Toolbar             android id    id htab toolbar              android layout width  match parent              android layout height   attr actionBarSize              android layout gravity  top              android background   color partial transparent              android gravity  center              app layout collapseMode  pin              app layout scrollFlags  scroll enterAlways              app popupTheme   style ThemeOverlay AppCompat Light    gt

User · Answer

You can have a custom TextView in the toolbar like this    lt android support v7 widget Toolbar     android id    id toolbar top      android layout height  wrap content      android layout width  match parent      android minHeight   attr actionBarSize      android background   color action bar bkgnd      app theme   style ToolBarTheme   gt         lt TextView         android layout width  wrap content          android layout height  wrap content          android text  Title          android layout gravity  center          android id    id toolbar title    gt     lt  android support v7 widget Toolbar gt    So  this will center the text  If you want to add custom font to a normal Toolbar  make a  lt style gt     lt style android name  ToolbarFont  gt       lt item android fontFamily     font fontName    gt   lt  style gt    And add it to the toolbar   toolbar setTitleTextAppearance this  R style ToolbarFont     For the textview in the toolbar  you can define it with the fontFamily attribute    lt android support v7 widget Toolbar     android id    id toolbar top      android layout height  wrap content      android layout width  match parent      android minHeight   attr actionBarSize      android background   color action bar bkgnd      app theme   style ToolBarTheme   gt         lt TextView         android layout width  wrap content          android layout height  wrap content          android text  Title          android layout gravity  center          android id    id toolbar title          android fontFamily   font fontFamily    gt     lt  android support v7 widget Toolbar gt

User · Answer

To use a custom title in your Toolbar  you can add a custom title like     lt  xml version  1 0  encoding  utf-8   gt   lt android support v7 widget Toolbar xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android id    id toolbar      android layout width  match parent      android layout height   attr actionBarSize      android background   attr colorPrimary      android elevation  5dp      app contentInsetLeft  0dp      app contentInsetStart  0dp      app popupTheme   style ThemeOverlay AppCompat Light      app theme   style ThemeOverlay AppCompat Dark  gt             lt LinearLayout             android id    id lnrTitle              android layout width  match parent              android layout height  wrap content              android gravity  center horizontal              android orientation  vertical  gt                lt TextView                 android id    id txvHeader                  android layout width  wrap content                  android layout height  wrap content                  android layout gravity  center horizontal center                  android gravity  center                  android ellipsize  end                  android maxLines  1                  android text  Header                  android textColor   color white                  android textSize  18sp    gt             lt  LinearLayout gt     lt  android support v7 widget Toolbar gt    Java Code      Toolbar toolbar   findViewById R id toolbar    setSupportActionBar toolbar    if  getSupportActionBar      null      return   getSupportActionBar   setTitle  Title     getSupportActionBar   setDisplayHomeAsUpEnabled true

User · Answer

I spent several days  searching for a universal solution  My toolbar working with android menu and nav icon    At first  you need create custom toolbar class  This class must have calculate title centered positions  paddings         class CenteredToolbar  JvmOverloads constructor context  Context  attrs  AttributeSet    null  defStyleAttr  Int   0        Toolbar context  attrs  defStyleAttr         init           addOnLayoutChangeListener object   View OnLayoutChangeListener               override fun onLayoutChange v  View   left  Int  top  Int  right  Int  bottom  Int  oldLeft  Int  oldTop  Int  oldRight  Int  oldBottom  Int                    val titleTextView   findViewById lt TextView gt  R id centerTitle                   val x   titleTextView x toInt                   val x2   x   titleTextView width                  val fullWidth   width                 val fullCenter   fullWidth   2                  val offsetLeft   Math abs fullCenter - x                  val offsetRight   Math abs x2 - fullCenter                  val differOffset   Math abs offsetLeft - offsetRight                   if  offsetLeft  gt  offsetRight                        titleTextView setPadding differOffset  0  0  0                    else if  offsetRight  gt  offsetLeft                        titleTextView setPadding 0  0  differOffset  0                                     removeOnLayoutChangeListener this                                      override fun setTitle resId  Int    getTitleView   setText resId       override fun setTitle title  CharSequence     getTitleView   setText title       fun getTitleView    TextView   findViewById R id centerTitle       Secondly  you need create layout toolbar     lt CenteredToolbar xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android id    id toolbar  gt        lt TextView         android id    id centerTitle          android layout width  match parent          android layout height  wrap content   gt    lt  CenteredToolbar gt    That s all

User · Answer

Here is title text dependant approach to find TextView instance from Toolbar     public static TextView getToolbarTitleView ActionBarActivity activity  Toolbar toolbar       ActionBar actionBar   activity getSupportActionBar        CharSequence actionbarTitle   null      if actionBar    null          actionbarTitle   actionBar getTitle        actionbarTitle   TextUtils isEmpty actionbarTitle    toolbar getTitle     actionbarTitle      if TextUtils isEmpty actionbarTitle   return null         can t find if title not set     for int i  0  i  lt  toolbar getChildCount    i             View v   toolbar getChildAt i           if v    null  amp  amp  v instanceof TextView               TextView t    TextView  v              CharSequence title   t getText                if  TextUtils isEmpty title   amp  amp  actionbarTitle equals title   amp  amp  t getId      View NO ID                     Toolbar does not assign id to views with layout params SYSTEM  hence getId      View NO ID                   in same manner subtitle TextView can be obtained                  return t                                    return null

User · Answer

Since android support v7 appcompat 24 2 Toolbar has method setTitleTextAppearance and you can set its font without external textview   create new style in styles xml   lt style name  RobotoBoldTextAppearance  gt           lt item name  android fontFamily  gt  font roboto condensed bold lt  item gt   lt  style gt    and use it  mToolbar setTitleTextAppearance this  R style RobotoBoldTextAppearance

User · Answer

To use a custom title in your Toolbar all you need to do is remember is that Toolbar is just a fancy ViewGroup so you can add a custom title like so    lt android support v7 widget Toolbar     android id    id toolbar top      android layout height  wrap content      android layout width  match parent      android minHeight   attr actionBarSize      android background   color action bar bkgnd      app theme   style ToolBarTheme   gt          lt TextView         android layout width  wrap content          android layout height  wrap content          android text  Toolbar Title          android layout gravity  center          android id    id toolbar title    gt         lt  android support v7 widget Toolbar gt    This means that you can style the TextView however you would like because it s just a regular TextView  So in your activity you can access the title like so   Toolbar toolbarTop    Toolbar  findViewById R id toolbar top   TextView mTitle    TextView  toolbarTop findViewById R id toolbar title

User · Answer

for custom font in toolbar you can override textView font in style and then every textView in your app also toolbar title font changed automatically  i tested it in android studio 3 1 3  in style do it    lt style name  defaultTextViewStyle  parent  android Widget TextView  gt           lt item name  android fontFamily  gt  font your custom font lt  item gt   lt  style gt    and then in your theme use this     lt item name  android textViewStyle  gt  style defaultTextViewStyle lt  item gt

User · Answer

You have to just add the below line in your toolbar layout   app contentInsetStart  0dp

User · Answer

Update from  MrEngineer13 s answer  to align title center in any cases  including Hamburger icon  option menus  you can add a FrameLayout in toolbar like this        lt android support v7 widget Toolbar     android id    id toolbar top      android layout height  wrap content      android layout width  match parent      android minHeight   attr actionBarSize      android background   color action bar bkgnd      app theme   style ToolBarTheme   gt             lt FrameLayout android layout width  match parent                      android layout height  match parent  gt                  lt TextView                android layout width  wrap content                 android layout height  wrap content                 android text  Toolbar Title                 android layout gravity  center                 style   style TextAppearance AppCompat Widget ActionBar Title                 android id    id toolbar title    gt            lt  FrameLayout gt       lt  android support v7 widget Toolbar gt

User · Answer

You can use like the following    lt android support v7 widget Toolbar     android id    id top actionbar      android layout width  match parent      android layout height  wrap content      android theme   style AppThemeToolbar  gt        lt TextView         android id    id pageTitle          android layout width  match parent          android layout height  wrap content          android layout gravity  center            gt   lt  android support v7 widget Toolbar gt

[android] Android toolbar center title and custom font

Examples related to android

Examples related to android-layout

Examples related to android-theme

Examples related to android-styles

[android] Android toolbar center title and custom font

Examples related to android

Examples related to android-layout

Examples related to android-toolbar

Examples related to android-theme

Examples related to android-styles