How can I implement custom Action Bar with custom buttons in Android

Question

I want to implement custom ActionBar which must look like this     So questions    How can I implement a button like custom view  just some image  How can I draw a line on the top of the ActionBar  And how can I implement buttons without separator lines  add tabs on the ActionBar or what

User · Answer

Please write following code in menu xml file    lt menu xmlns android  http   schemas android com apk res android        xmlns my menu tutorial app  http   schemas android com apk res-auto        xmlns tools  http   schemas android com tools        tools context  com example mymenus menu app MainActivity  gt   lt item android id    id item one        android icon   drawable menu icon        android orderInCategory  l01        android title  Item One        my menu tutorial app showAsAction  always  gt         lt  --sub-menu-- gt         lt menu gt             lt item android id    id sub one                  android title  Sub-menu item one    gt             lt item android id    id sub two                  android title  Sub-menu item two    gt         lt  menu gt    Also write this java code in activity class file   public boolean onOptionsItemSelected MenuItem item        super onOptionsItemSelected item       Toast makeText this   Menus item selected              item getTitle    Toast LENGTH SHORT  show        switch  item getItemId                  case R id sub one              isItemOneSelected   true              supportInvalidateOptionsMenu                return true          case MENU ITEM   1              isRemoveItem   true              supportInvalidateOptionsMenu                return true          default              return false            This is the easiest way to display menus in action bar

User · Answer

1 You can use a drawable   lt menu xmlns android  http   schemas android com apk res android  gt       lt item android id    id menu item1          android icon   drawable my item drawable          android title   string menu item1          android showAsAction  ifRoom    gt   lt  menu gt    2 Create a style for the action bar and use a custom background    lt resources gt       lt  -- the theme applied to the application or activity -- gt       lt style name  CustomActivityTheme  parent   android style Theme Holo  gt           lt item name  android actionBarStyle  gt  style MyActionBar lt  item gt           lt  -- other activity and action bar styles here -- gt       lt  style gt       lt  -- style for the action bar backgrounds -- gt       lt style name  MyActionBar  parent   android style Widget Holo ActionBar  gt           lt item name  android background  gt  drawable background lt  item gt           lt item name  android backgroundStacked  gt  drawable background lt  item gt           lt item name  android backgroundSplit  gt  drawable split background lt  item gt       lt  style gt   lt  resources gt    3 Style again android actionBarDivider  The android documentation is very usefull for that

User · Answer

This is pretty much as close as you ll get if you want to use the ActionBar APIs  I m not sure you can place a colorstrip above the ActionBar without doing some weird Window hacking  it s not worth the trouble  As far as changing the MenuItems goes  you can make those tighter via a style  It would be something like this  but I haven t tested it    lt style name  MyTheme  parent  android Theme Holo Light  gt       lt item name  actionButtonStyle  gt  style MyActionButtonStyle lt  item gt   lt  style gt    lt style name  MyActionButtonStyle  parent  Widget ActionButton  gt       lt item name  android minWidth  gt 28dip lt  item gt   lt  style gt    Here s how to inflate and add the custom layout to your ActionBar          Inflate your custom layout     final ViewGroup actionBarLayout    ViewGroup  getLayoutInflater   inflate              R layout action bar              null           Set up your ActionBar     final ActionBar actionBar   getActionBar        actionBar setDisplayShowHomeEnabled false       actionBar setDisplayShowTitleEnabled false       actionBar setDisplayShowCustomEnabled true       actionBar setCustomView actionBarLayout           You customization     final int actionBarColor   getResources   getColor R color action bar       actionBar setBackgroundDrawable new ColorDrawable actionBarColor         final Button actionBarTitle    Button  findViewById R id action bar title       actionBarTitle setText  Index 2          final Button actionBarSent    Button  findViewById R id action bar sent       actionBarSent setText  Sent         final Button actionBarStaff    Button  findViewById R id action bar staff       actionBarStaff setText  Staff         final Button actionBarLocations    Button  findViewById R id action bar locations       actionBarLocations setText  HIPPA Locations      Here s the custom layout    lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  wrap content      android layout height  wrap content      android enabled  false      android orientation  horizontal      android paddingEnd  8dip   gt        lt Button         android id    id action bar title          style   style ActionBarButtonWhite    gt        lt Button         android id    id action bar sent          style   style ActionBarButtonOffWhite    gt        lt Button         android id    id action bar staff          style   style ActionBarButtonOffWhite    gt        lt Button         android id    id action bar locations          style   style ActionBarButtonOffWhite    gt    lt  LinearLayout gt    Here s the color strip layout  To use it  just use merge in whatever layout you inflate in setContentView    lt FrameLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height   dimen colorstrip      android background   android color holo blue dark    gt    Here are the Button styles    lt style name  ActionBarButton  gt       lt item name  android layout width  gt wrap content lt  item gt       lt item name  android layout height  gt wrap content lt  item gt       lt item name  android background  gt  null lt  item gt       lt item name  android ellipsize  gt end lt  item gt       lt item name  android singleLine  gt true lt  item gt       lt item name  android textSize  gt  dimen text size small lt  item gt   lt  style gt    lt style name  ActionBarButtonWhite  parent   style ActionBarButton  gt       lt item name  android textColor  gt  color white lt  item gt   lt  style gt    lt style name  ActionBarButtonOffWhite  parent   style ActionBarButton  gt       lt item name  android textColor  gt  color off white lt  item gt   lt  style gt    Here are the colors and dimensions I used    lt color name  action bar  gt  ff0d0d0d lt  color gt   lt color name  white  gt  ffffffff lt  color gt   lt color name  off white  gt  99ffffff lt  color gt    lt  -- Text sizes -- gt   lt dimen name  text size small  gt 14 0sp lt  dimen gt   lt dimen name  text size medium  gt 16 0sp lt  dimen gt    lt  -- ActionBar color strip -- gt   lt dimen name  colorstrip  gt 5dp lt  dimen gt    If you want to customize it more than this  you may consider not using the ActionBar at all  but I wouldn t recommend that  You may also consider reading through the Android Design Guidelines to get a better idea on how to design your ActionBar    If you choose to forgo the ActionBar and use your own layout instead  you should be sure to add action-able Toasts when users long press your  MenuItems   This can be easily achieved using this Gist

[java] How can I implement custom Action Bar with custom buttons in Android?

Examples related to java

Examples related to android

Examples related to android-actionbar