How to align title at center of ActionBar in default theme Theme Holo Light

Question

I searched a lot but can not find a way  How can I set then title at center of ActionBar instead of left aligned  I used below code to set the title at center    ViewGroup decorView   ViewGroup  this getWindow   getDecorView    LinearLayout root   LinearLayout  decorView getChildAt 0   FrameLayout titleContainer   FrameLayout  root getChildAt 0   TextView title   TextView  titleContainer getChildAt 0   title setGravity Gravity CENTER     But it gives error as below    ClassCastException   com android internal widget ActionBarView can not  be cast to android widget TextView    Any other solution   Any help will be appreciated

User · Answer

I know my answer is not on time but this is purely code no xml required.
This is for use in Activity

public void setTitle(String title){
    getSupportActionBar().setHomeButtonEnabled(true);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    TextView textView = new TextView(this);
    textView.setText(title);
    textView.setTextSize(20);
    textView.setTypeface(null, Typeface.BOLD);
    textView.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
    textView.setGravity(Gravity.CENTER);
    textView.setTextColor(getResources().getColor(R.color.white));
    getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
    getSupportActionBar().setCustomView(textView);
}

This is for use in Fragment

public void setTitle(String title){
    ((AppCompatActivity)getActivity()).getSupportActionBar().setHomeButtonEnabled(true);
    ((AppCompatActivity)getActivity()).getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    TextView textView = new TextView(getActivity());
    textView.setText(title);
    textView.setTextSize(20);
    textView.setTypeface(null, Typeface.BOLD);
    textView.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
    textView.setGravity(Gravity.CENTER);
    textView.setTextColor(getResources().getColor(R.color.white));
    ((AppCompatActivity)getActivity()).getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
    ((AppCompatActivity)getActivity()).getSupportActionBar().setCustomView(textView);
}

User · Answer

I had the same problem  and because of the  Home  button added automatically in the toolbar  my text was not exactly entered   I fixed it the dirty way but it works well in my case  I simply added a margin to the right of my TextView to compensate for the home button on the left  Here s my toolbar layout     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 elevation  1dp      android id    id toolbar      android layout width  match parent      android layout height   attr actionBarSize      app layout collapseMode  pin      android gravity  center      android background   color mainBackgroundColor      android fitsSystemWindows  true   gt        lt com lunabee common utils LunabeeShadowTextView         android id    id title          android layout width  match parent          android layout height  wrap content          android layout marginRight   attr actionBarSize          android gravity  center          style   style navigation toolbar title    gt    lt  android support v7 widget Toolbar gt

User · Answer

This actually works    getActionBar   setDisplayOptions ActionBar DISPLAY SHOW CUSTOM    getActionBar   setCustomView R layout custom actionbar     ActionBar LayoutParams p   new ActionBar LayoutParams ViewGroup LayoutParams MATCH PARENT  ViewGroup LayoutParams MATCH PARENT           p gravity   Gravity CENTER    You have to define custom actionbar xml layout which is as per your requirement e g      lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  50dp      android background   2e2e2e      android orientation  vertical      android gravity  center      android layout gravity  center  gt        lt ImageView         android id    id imageView1          android layout width  wrap content          android layout height  wrap content          android src   drawable top banner          android layout gravity  center            gt   lt  LinearLayout gt

User · Answer

if You are Using Toolbar the just Add  android layout gravity  center horizontal   Under the Toolbar Just like this snippet    lt android support design widget AppBarLayout     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   color colorPrimary          app popupTheme   style AppTheme PopupOverlay  gt            lt TextView             android id    id tvTitle              android layout width  wrap content              android layout height  wrap content              android layout gravity  center horizontal       Important              android textColor   color whitecolor              android textSize  20sp              android textStyle  bold    gt       lt  android support v7 widget Toolbar gt    lt  android support design widget AppBarLayout gt

User · Answer

After two days of going through the web  this is what I came up with in Kotlin  Tested and works on my app   private fun setupActionBar         supportActionBar  apply           displayOptions   ActionBar DISPLAY SHOW CUSTOM         displayOptions   ActionBar DISPLAY SHOW TITLE         setDisplayShowCustomEnabled true          title    quot  quot            val titleTextView   AppCompatTextView this MainActivity          titleTextView text   getText R string app name          titleTextView setSingleLine           titleTextView textSize   24f         titleTextView setTextColor ContextCompat getColor this MainActivity  R color appWhite            val layoutParams   ActionBar LayoutParams              ActionBar LayoutParams WRAP CONTENT              ActionBar LayoutParams WRAP CONTENT                   layoutParams gravity   Gravity CENTER         setCustomView titleTextView  layoutParams           setBackgroundDrawable              ColorDrawable                  ContextCompat getColor                      this MainActivity                      R color appDarkBlue

User · Answer

Java code  write this in onCreate   getSupportActionBar   setDisplayShowCustomEnabled true   getSupportActionBar   setCustomView R layout action bar    and for you custom view  simply use FrameLayout  east peasy  android support v7 widget Toolbar is another option   lt  xml version  1 0  encoding  utf-8   gt   lt FrameLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent  gt        lt TextView         android layout width  wrap content          android layout height  wrap content          android layout gravity  left center vertical          android textAppearance   android attr textAppearanceLarge          android text   string app name          android textColor   color black          android id    id textView    gt   lt  FrameLayout gt

User · Answer

solution is based on these things    you need to use your own class that extends Toolbar  support v7 widget toolbar   you need to override one method Toolbar addView   what does it do    when first time toolbar is executing  setTitle  it creates AppCompatTextView and uses it to display title text   when the AppCompatTextView is created  toolbar  as ViewGroup   adds it into it s own hierarchy with  addView method   also  while trying to find solution i noticed that the textview has layout width set to  wrap content   so i decided to make it  match parent  and assign textalignment to  center     MyToolbar kt  skipping unrelated stuff  constructors imports    class MyToolbar   Toolbar      override fun addView child  View  params  ViewGroup LayoutParams        if  child is TextView            params width   ViewGroup LayoutParams MATCH PARENT         child textAlignment  View TEXT ALIGNMENT CENTER           super addView child  params          possible  side effects  - this will apply to  subtitle  too

User · Answer

I think by positioning views on action bar you will reach what you want On action bar s layout when layout params set to match parent it does not match full width that s why I did it programmatically where I succeed By setting width  it works like layout weight  value   we can set our view wherever we want       actionBar   getSupportActionBar         actionBar setDisplayShowCustomEnabled true         LayoutInflater ll    LayoutInflater  activity getSystemService Context LAYOUT INFLATER SERVICE       LinearLayout linearLayout    LinearLayout  ll inflate R layout custom actionbar  null         inner layout within above linear layout     LinearLayout inner    LinearLayout  linearLayout findViewById R id inner linear ractionbar       inner setMinimumWidth getWidth     2   10          we will set our textview to center and display there some text     TextView t    TextView  linearLayout findViewById R id center text       t setWidth getWidth     6   10         Button b    Button  linearLayout findViewById R id edit button       b setWidth getWidth    3  20        ImageButton imageButton    ImageButton  linearLayout findViewById R id action bar delete item       imageButton setMinimumWidth deviceUtils getWidth     20     and here is getWidth   method    public int getWidth          DisplayMetrics dm   new DisplayMetrics         mActivity getWindowManager   getDefaultDisplay   getMetrics dm       return dm widthPixels

User · Answer

It seems there is no way to do this without custom view  You can get the title view   View decor   getWindow   getDecorView    TextView title    TextView  decor findViewById getResources   getIdentifier  action bar title    id    android       But changing of gravity or layout gravity doesn t have an effect   The problem in the ActionBarView  which layout its children by itself so changing of layout params of its children also doesn t have an effect  To see this excecute following code   ViewGroup actionBar    ViewGroup  decor findViewById getResources   getIdentifier  action bar    id    android     View v   actionBar getChildAt 0   ActionBar LayoutParams p   new ActionBar LayoutParams ViewGroup LayoutParams MATCH PARENT  ViewGroup LayoutParams MATCH PARENT   p gravity  Gravity CENTER  v setLayoutParams p   v setBackgroundColor Color BLACK

User · Answer

Check out new Tool bar on support library class in  Lollipop update you can design actionbar by adding toolbar in your layout  add these items in your app theme       lt item name  android windowNoTitle  gt true lt  item gt    lt item name  windowActionBar  gt false lt  item gt    Create your toolbar in a layout and include your textview in center design your toolbar    lt android support v7 widget Toolbar     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   color acbarcolor  gt        lt RelativeLayout         android layout width  match parent          android layout height  wrap content   gt            lt TextView             android id    id toolbar title              android layout width  wrap content              android layout height  wrap content              android layout centerHorizontal  true              android layout centerVertical  true              android text   string app name              android textColor   ffffff              android textStyle  bold    gt        lt  RelativeLayout gt    lt  android support v7 widget Toolbar gt    add your action bar as tool bar  toolbar    Toolbar  findViewById R id toolbar   if  toolbar    null        setSupportActionBar toolbar       getSupportActionBar   setDisplayHomeAsUpEnabled true       please ensure that you need to include toolbar on your resource file like this   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout      android orientation  vertical      android layout height  match parent      android layout width  match parent      xmlns android  http   schemas android com apk res android      xmlns tools  http   schemas android com tools  gt        lt include         android layout width  match parent          android layout height  wrap content          layout   layout toolbar    gt        lt android support v4 widget DrawerLayout         xmlns android  http   schemas android com apk res android          xmlns tools  http   schemas android com tools          android id    id drawer layout          android layout width  match parent          android layout height  match parent  gt            lt  -- Framelayout to display Fragments -- gt           lt FrameLayout             android id    id frame container              android layout width  match parent              android layout height  match parent  gt                lt include                 android layout width  match parent                  android layout height  match parent                  layout   layout homepageinc    gt            lt  FrameLayout gt            lt fragment             android id    id fragment1              android layout gravity  start              android name  com shouldeye homepages HomeFragment              android layout width  250dp              android layout height  match parent    gt        lt  android support v4 widget DrawerLayout gt    lt  LinearLayout gt

User · Answer

You can create a custom layout and apply it to the actionBar   To do so  follow those 2 simple steps     Java Code  getSupportActionBar   setDisplayOptions ActionBar DISPLAY SHOW CUSTOM   getSupportActionBar   setCustomView R layout actionbar      Where R layout actionbar is the following layout    XML   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  wrap content      android layout gravity  center      android orientation  vertical  gt    lt TextView     android layout width  wrap content      android layout height  wrap content      android layout gravity  center      android id    id action bar title      android text  YOUR ACTIVITY TITLE      android textColor   ffffff      android textSize  24sp    gt   lt  LinearLayout gt     It can be as complex as you want  Try it out   EDIT   To set the background you can use the property android background in the container layout  LinearLayout in that case   You may need to set the layout height android layout height to match parent instead of wrap content    Moreover  you can also add a LOGO   ICON to it  To do so  simply add an ImageView inside your layout  and set layout orientation property android orientation to horizontal  or simply use a RelativeLayout and manage it by yourself    To change the title of above custom action bar dynamically  do this    TextView title  TextView findViewById getResources   getIdentifier  action bar title    id   getPackageName      title setText  Your Text Here

User · Answer

You can force the toolbar by wrapping title and level right padding which has default left padding for title  Than put background color to the parent of toolbar and that way part which is cut out by wrapping title is in the same color white in my example     lt android support design widget AppBarLayout     android id    id appbar layout      android layout width  match parent      android layout height  wrap content      android background   color white  gt            lt android support v7 widget Toolbar            android id    id toolbar             android layout width  wrap content             android layout height  56dp             android layout gravity  center horizontal             android paddingEnd  15dp             android paddingRight  15dp             android theme   style ThemeOverlay AppCompat ActionBar             app titleTextColor   color black   gt    lt  android support design widget AppBarLayout gt

[android] How to align title at center of ActionBar in default theme(Theme.Holo.Light)

Examples related to android

Examples related to android-actionbar

Examples related to alignment

Examples related to center

Examples related to title