Make an Android ActionBar's ActionView's Width match the ActionBar's width

Question

I want to show an AutoCompleteTextView that is always expanded in my ActionBar. This is my menu xml:

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/visibility_menu_search"
        android:icon="@drawable/ic_action_search"
        android:showAsAction="always"
        android:actionLayout="@layout/visibility_search" />
</menu>

This is my layout/visibility_search.xml

<AutoCompleteTextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/visibility_search_auto_complete_text_view" />

This is my Activity:

public class VisibilityActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(layout.visibility_activity);
        getActionBar().setDisplayShowTitleEnabled(false);
    }

    @Override
     public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.visibility, menu);
        return super.onCreateOptionsMenu(menu);
    }
}

I'm using showAsAction="always" because I want the AutoCompleteTextView to always be visible (it will be the only thing in the ActionBar).

My AutoCompleteTextView is always right-aligned in the ActionBar and only has 100px width. Why is this?

Update

Thanks to Atul O Holic's answer, I found a preferred solution for my case, which doesn't require any special logic at all. I'm leaving my answer as correct because it works for the general case, but for my specific case, a SearchView is better and easier.

Does it have to be an `AutoCompleteTextView`? have you seen [this](http://developer.android.com/training/search/setup.html)? `SearchView` will expand and collapse when the user taps on it and it has functionality to provide a list of suggestions. — Emmanuel, Apr 02 '14 at 22:06
I want it to be expanded all the time. There will be nothing else in the `ActionBar`, so making the user tap the icon to expand a `SearchView` is just needless work. — Heath Borders, Apr 03 '14 at 13:40

score 9 · Accepted Answer · edited May 23 '17 at 12:02

theelfismike's answer pointed me in the right direction, but I was able to simplify it a bit. The answer he linked to referred to displaying a custom view with ActionBar#setCustomView, whereas I'm trying to make an action view set with MenuItem#setActionView take up the full width. It is possible that my simplification won't work well for ActionBar custom views.

This is the xml that worked for me:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="wrap_content"
                android:layout_height="match_parent">
    <EditText xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:id="@+id/visibility_search_edit_text"/>
</RelativeLayout>

Unfortunately, this hides the ActionBar's title. An answer in the question theelfismike linked to referred to this problem, but I couldn't get the suggested workaround to work.

Also, RelativeLayout seems to be the required root of an action view. I tried using a LinearLayout with many different combinations of layout_gravity and layout_width, but I couldn't get a LinearLayout to fill the full width.

this actually didn't hide the title for me. worked out. thank you — SIr Codealot, Mar 01 '15 at 20:12
Thank you! Your comment on RelativeLayout saved me some time. — KvTvK, May 12 '15 at 06:16
Thank you man... I just wrapped my LinearLayout inside the relative layout and it works perfect...! — Dr TJ, Oct 05 '15 at 06:22

score 2 · Answer 2 · edited May 23 '17 at 12:10

2

Checkout this solution: How to display custom view in ActionBar?

I think I had to do something similar.

I think the magic parts are that it has to be a LinearLayout inside a RelativeLayout and have this attribute set: android:layout_gravity="fill_horizontal"

edited May 23 '17 at 12:10

Community

1
1

answered Apr 02 '14 at 22:37

theelfismike

1,621
12
18

Do you know how to prevent this from hiding the `ActionBar`'s title? – Heath Borders Apr 03 '14 at 14:22

score 2 · Answer 3 · edited Apr 03 '14 at 15:21

2

I agree with @Emmanuel in context of using SearchView as it's an in-built View and is meant to Search. :) It also goes along well specially with ActionBar.

I want it to be expanded all the time.

Adding the below will always keep it expanded by default (unless user himself closes it),

searchView.setIconified(false);

We can also add auto-suggestions to SearchView via a ContentProvider. Here's a doc from Google on the same. You may also like this.

Give it a shot. Have Fun. :)

edited Apr 03 '14 at 15:21

Heath Borders

30,998
16
147
256

answered Apr 03 '14 at 15:19

Atul O Holic

6,692
4
39
74

I don't want to give the user the option to un-iconify. I'm going to stick with an `AutoCompleteTextView` because it seems simplest for now, but this looks like something good to try. Thanks! – Heath Borders Apr 03 '14 at 16:14
I tried `SearchView` and it has `SearchView#setIconfiedByDefault`, which when set to `false` prevents iconifying. This is the exact behavior I want. I'll update the question. – Heath Borders Apr 03 '14 at 19:22
Glad it gave you a hint for the right track. :D Mission successful. :) – Atul O Holic Apr 04 '14 at 06:50

Make an Android ActionBar's ActionView's Width match the ActionBar's width

3 Answers3

Linked