How to display both icon and title of action inside ActionBar

Question

I need to display both icon and title of action inside ActionBar   I ve tried  withText  option  but it has no effect

User · Answer

Some of you guys have great answers  but I found some additional thing  If you want create a MenuItem with some SubMenu programmatically        Override     public boolean onCreateOptionsMenu Menu menu             SubMenu subMenu   menu addSubMenu 0  Menu NONE  0   Menu title            subMenu getItem   setIcon R drawable ic action child           subMenu getItem   setShowAsAction MenuItem SHOW AS ACTION ALWAYS            subMenu add 0  Menu NONE  0   Subitem 1            subMenu add 0  Menu NONE  1   Subitem 2            subMenu add 0  Menu NONE  2   Subitem 3             return true

User · Answer

Try adding a TextView to the menubar first and using setCompoundDrawables   to place the image on whichever side you want  Bond click activity to the textview in the end   MenuItem item   menu add Menu NONE  R id menu item save  10  R string save   item setShowAsAction MenuItem SHOW AS ACTION ALWAYS MenuItem SHOW AS ACTION WITH TEXT   TextView textBtn   getTextButton btn title  btn image   item setActionView textBtn   textBtn setOnClickListener new View OnClickListener          Override     public void onClick View v                  your selector here               You can literally customize everything here   public TextView getTextButton  String btn title  Drawable btn image        TextView textBtn   new TextView this       textBtn setText btn title       textBtn setTextColor Color WHITE       textBtn setTextSize 18       textBtn setTypeface Typeface create  sans-serif-light   Typeface BOLD        textBtn setGravity Gravity CENTER VERTICAL   Gravity CENTER HORIZONTAL       Drawable img   btn image      img setBounds 0  0  30  30       textBtn setCompoundDrawables null  null  img  null           left top right bottom  In this case icon is right to the text      return textBtn

User · Answer

You can add button in toolbar   lt android support v7 widget Toolbar         android id    id toolbar          android layout width  match parent          android layout height   attr actionBarSize          app popupTheme   style AppTheme PopupOverlay          app title  title  gt            lt Button             android id    id button              android layout width  wrap content              android layout height  wrap content              android layout gravity  right              android layout marginRight  16dp              android background   color transparent              android drawableRight   drawable ic your icon              android drawableTint   drawable btn selector              android text   string sort by credit              android textColor   drawable btn selector                gt        lt  android support v7 widget Toolbar gt    create file btn selector xml in drawable   lt  xml version  1 0  encoding  utf-8    gt     lt selector xmlns android  http   schemas android com apk res android  gt    lt item     android state selected  true      android color   color white        gt   lt item     android color   color white 30 opacity        gt      java    private boolean isSelect   false   OnClickListener for button   private void myClick         if   isSelect               your code             isSelect   true        else      your code             isSelect   false            sort setSelected isSelect

User · Answer

always withText  will work if there is sufficient room  otherwise it will only place icon  You can test it on your phone with rotation    lt item android id   id menu item  android title  text  android icon   drawable drawable resource name  android showAsAction  always withText    gt

User · Answer

What worked for me was using  always withText   If you have many menus  consider using  ifRoom  instead of  always     lt item android id   id resource name  android title  text  android icon   drawable drawable resource name  android showAsAction  always withText    gt

User · Answer

Using app showAsAction  always withText   I am using Android 4 1 1  but it should applicable anyway  Mine look like below   lt item         android id    id action sent current data          android icon   drawable ic upload cloud          android orderInCategory  100          android title   string action sent current data          app showAsAction  always withText   gt

User · Answer

You can create actions with text in 2 ways   1- From XML    lt item android id   id resource name        android title  text        android icon   drawable drawable resource name        android showAsAction  withText    gt    When inflating the menu  you should call getSupportMenuInflater   since you are using ActionBarSherlock   2- Programmatically    Override public boolean onCreateOptionsMenu Menu menu        MenuItem item   menu add Menu NONE  ID  POSITION  TEXT       item setIcon R drawable drawable resource name       item setShowAsAction MenuItem SHOW AS ACTION WITH TEXT        return true      Make sure you import com actionbarsherlock view Menu and com actionbarsherlock view MenuItem

User · Answer

Follow these steps      Add the Action Bar instance in the Java Code final ActionBar actionBar   getActionBar    Enable the Home Display Option actionBar setDisplayShowHomeEnabled false     Add the following code in the respective activity s manifest file android logo  drawable logo and android label   string actionbar text    I think this will help you

User · Answer

The solution I find is to use custom action Layout  Here is XML for menu    lt menu xmlns android  http   schemas android com apk res android  xmlns Eventapp  http   schemas android com apk res-auto  gt   lt  -- This is a comment  -- gt       lt item         android id    id action create          android actionLayout   layout action view details layout          android orderInCategory  50          android showAsAction    always   gt   lt  menu gt    The Layout is   lt LinearLayout xmlns android  http   schemas android com apk res android      android orientation  horizontal      android layout width  match parent      android layout height  match parent  gt    lt TextView     android layout width  match parent      android layout height  match parent      android paddingLeft  5dp      android gravity  center      android text   string create   gt    lt ImageView     android layout width  match parent      android layout height  match parent      android paddingLeft  5dp      android paddingRight  5dp      android gravity  center      android src   drawable ic action v   gt    lt  LinearLayout gt    this will show the icon and the text together   To get the clickitem the the fragment or activity   public void onCreateOptionsMenu Menu menu  MenuInflater inflater          super onCreateOptionsMenu menu  inflater       inflater inflate R menu menu details fragment  menu       View view   menu findItem R id action create  getActionView        view setOnClickListener new View OnClickListener              Override         public void onClick View v                Toast makeText getActivity     Clicked   Toast LENGTH SHORT  show

User · Answer

If any1 in 2017 is wondering how to do this programmatically  there is a way that i don t see in the answers   setShowAsAction MenuItem SHOW AS ACTION ALWAYS   MenuItem SHOW AS ACTION WITH TEXT

[android] How to display both icon and title of action inside ActionBar?

Examples related to android

Examples related to android-layout

Examples related to android-actionbar

Examples related to actionbarsherlock

Examples related to android-ui