How to display custom view in ActionBar

Question

I want to display custom search in actionbar  I m using ActionBarSherlock for that    I got that     But I want make custom layout  edittext field  to occupy the entire available width   I ve implemented custom layout as suggested here   There is my custom layout search xml    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      style   attr actionButtonStyle      android layout width  fill parent      android layout height  match parent      android layout gravity  fill horizontal      android focusable  true   gt        lt FrameLayout         android layout width  fill parent          android layout height  wrap content          android layout gravity  center vertical fill horizontal   gt            lt EditText             android id    id search query              android layout width  fill parent              android layout height  wrap content              android layout gravity  left center              android background   drawable bg search edit text              android imeOptions  actionSearch              android inputType  text    gt            lt ImageView             android layout width  wrap content              android layout height  wrap content              android layout gravity  right center vertical              android src   drawable ic search arrow    gt        lt  FrameLayout gt    lt  LinearLayout gt    And in MyActivity   ActionBar actionBar   getSupportActionBar    actionBar setDisplayHomeAsUpEnabled true   actionBar setDisplayShowCustomEnabled true   actionBar setDisplayShowTitleEnabled false   actionBar setIcon R drawable ic action search    LayoutInflater inflator    LayoutInflater  this  getSystemService Context LAYOUT INFLATER SERVICE   View v   inflator inflate R layout search  null    actionBar setCustomView v     How can I make custom layout to occupy all the available width of actionBar   Help  please

User · Answer

The answers from Tomik and Peterdk work when you want your custom view to occupy the entire action bar, even hiding the native title.

But if you want your custom view to live side-by-side with the title (and fill all remaining space after the title is displayed), then may I refer you to the excellent answer from user Android-Developer here:

https://stackoverflow.com/a/16517395/614880

His code at bottom worked perfectly for me.

User · Answer

This is how it worked for me  from above answers it was showing both default title and my custom view also    ActionBar LayoutParams layout   new ActionBar LayoutParams LayoutParams MATCH PARENT  LayoutParams WRAP CONTENT      actionBar setCustomView view     last view item must set to android layout alignParentRight  true  if few views are there  actionBar setCustomView view  layout      layout param width fill match parent actionBar setDisplayShowCustomEnabled true    must other wise its not showing custom view    What I noticed is that both setCustomView view  and setCustomView view params  the view width match fill parent  setDisplayShowCustomEnabled  boolean showCustom

User · Answer

I struggled with this myself  and tried Tomik s answer  However  this didn t made the layout to full available width on start  only when you add something to the view   You ll need to set the LayoutParams FILL PARENT when adding the view     I m using actionbarsherlock  but it s the same  LayoutParams layout   new LayoutParams LayoutParams FILL PARENT  LayoutParams FILL PARENT   getSupportActionBar   setCustomView overlay  layout      This way it completely fills the available space   You may need to use Tomik s solution too

User · Answer

There is a trick for this  All you have to do is to use RelativeLayout instead of LinearLayout as the main container  It s important to have android layout gravity  fill horizontal  set for it  That should do it

User · Answer

There is an example in the launcher app of Android  that I ve made a library out of it  here   inside the class that handles wallpapers-picking   WallpaperPickerActivity      The example shows that you need to set a customized theme for this to work  Sadly  this worked for me only using the normal framework  and not the one of the support library   Here re the themes   styles xml    lt style name  Theme WallpaperPicker  parent  Theme WallpaperCropper  gt       lt item name  android windowBackground  gt  android color transparent lt  item gt       lt item name  android colorBackgroundCacheHint  gt  null lt  item gt       lt item name  android windowShowWallpaper  gt true lt  item gt     lt  style gt      lt style name  Theme WallpaperCropper  parent   android style Theme DeviceDefault  gt       lt item name  android actionBarStyle  gt  style WallpaperCropperActionBar lt  item gt       lt item name  android windowFullscreen  gt true lt  item gt       lt item name  android windowActionBarOverlay  gt true lt  item gt     lt  style gt      lt style name  WallpaperCropperActionBar  parent   android style Widget DeviceDefault ActionBar  gt       lt item name  android displayOptions  gt showCustom lt  item gt       lt item name  android background  gt  88000000 lt  item gt     lt  style gt    value-v19 styles xml    lt style name  Theme WallpaperCropper  parent   android style Theme DeviceDefault  gt       lt item name  android actionBarStyle  gt  style WallpaperCropperActionBar lt  item gt       lt item name  android windowFullscreen  gt true lt  item gt       lt item name  android windowActionBarOverlay  gt true lt  item gt       lt item name  android windowTranslucentNavigation  gt true lt  item gt     lt  style gt      lt style name  Theme  parent   android style Theme DeviceDefault Wallpaper NoTitleBar  gt       lt item name  android windowTranslucentStatus  gt true lt  item gt       lt item name  android windowTranslucentNavigation  gt true lt  item gt     lt  style gt    EDIT  there is a better way to do it  which works on the support library too  Just add this line of code instead of what I ve written above   getSupportActionBar   setDisplayShowCustomEnabled true

User · Answer

For example  you can define a layout file which contains a EditText element    lt  xml version  1 0  encoding  utf-8   gt   lt EditText xmlns android  http   schemas android com apk res android      android id    id searchfield      android layout width  match parent      android layout height  match parent      android inputType  textFilter   gt    lt  EditText gt     you can do  public class MainActivity extends Activity       Override   protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout activity main        ActionBar actionBar   getActionBar           add the custom view to the action bar     actionBar setCustomView R layout actionbar view       EditText search    EditText  actionBar getCustomView   findViewById R id searchfield       search setOnEditorActionListener new OnEditorActionListener             Override       public boolean onEditorAction TextView v  int actionId            KeyEvent event            Toast makeText MainActivity this   Search triggered               Toast LENGTH LONG  show            return false                      actionBar setDisplayOptions ActionBar DISPLAY SHOW CUSTOM           ActionBar DISPLAY SHOW HOME

[android] How to display custom view in ActionBar?

Examples related to android

Examples related to android-actionbar

Examples related to actionbarsherlock