Android ActionBar: có thể mở SearchView với nút hành động

Question

Làm cách nào để xây dựng ActionBar với chế độ xem tìm kiếm có thể thu gọn với một mục tác vụ có thể nhìn thấy, khi chế độ xem tìm kiếm được mở rộng? Để mô tả chi tiết hơn, đây là những gì tôi cần:

Lưu ý rằng có các mục menu khác và android:uiOptions="splitActionBarWhenNarrow" được xác định trong AndroidManifest.xml.

Tôi cố gắng để thiết lập tùy chỉnh bố cục mục tìm kiếm:

menu.xml

<item 
    android:id="@+id/menu_search" 
    android:actionLayout="@layout/actionbar_search" 
    android:icon="@drawable/action_search" 
    android:showAsAction="always|collapseActionView" 
    android:title="@string/search" /> 

actionbar_search.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:gravity="right" 
    android:orientation="horizontal" > 

    <com.actionbarsherlock.widget.SearchView 
     android:id="@+id/search_view" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:iconifiedByDefault="false" 
     android:queryHint="@string/search_hint" /> 

    <ImageButton 
     android:id="@+id/add_item" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     style="@style/Widget.Sherlock.ActionButton" 
     android:src="@drawable/content_new"/> 

</LinearLayout> 

Nhưng bởi defaul t tìm kiếm xem tất cả các chiều rộng có sẵn và nút là không nhìn thấy được. Tôi không biết cách buộc SearchView điền vào tất cả không gian có sẵn giữa biểu tượng ứng dụng và mục menu. Tất cả tôi tìm thấy là tài sản android:maxWidth, nhưng điều này chỉ cho phép kích thước mã hóa cứng, và tôi đang tìm kiếm một số giải pháp linh hoạt hơn. Tôi cũng đã thử RelativeLayout với android:layout_toRightOf="@id/search_view" mà không có may mắn.

Answer 1

Sau khi xem xét lời đề nghị từ các ý kiến, nhiều googling và thử nghiệm thành công trong việc đạt được hiệu quả mong muốn. Tôi không tự hào về giải pháp này nhưng nó hoạt động, nó không quá phức tạp và nên là đủ cho trường hợp này.

Trong hồ sơ những gì tôi đã làm:

1. Đặt SearchView với tùy chỉnh "thêm mục" nút trong customView của ActionBar.
2. Removed collapseActionView và android:actionLayout từ mục tìm kiếm trong menu.xml
3. Việc thu gọn/mở rộng SearchView lập trình.

Một số mã để hiểu rõ hơn về những gì tôi đã làm. Có lẽ điều này có thể hữu ích cho ai đó.

menu.xml

<item 
    android:id="@+id/menu_search" 
    android:icon="@drawable/action_search" 
    android:showAsAction="always" 
    android:title="@string/search" /> 

// ... other menu items 

actionbar_search.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:gravity="right" 
    android:orientation="horizontal"> 

    <com.actionbarsherlock.widget.SearchView 
     android:id="@+id/search_view" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:iconifiedByDefault="false" 
     android:queryHint="@string/search_hint" 
     android:visibility="invisible" /> 

    <ImageButton 
     android:id="@+id/add_item" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     style="@style/Widget.Sherlock.ActionButton" 
     android:src="@drawable/content_new" 
     android:title="@string/add_item" /> 

</LinearLayout> 

MainActivity.java

@Override 
public void onCreate(Bundle savedInstanceState) { 
    // ... 
    actionBar.setCustomView(R.layout.actionbar_search); 
    actionBarCustomView = ab.getCustomView(); 
    searchView = ((SearchView) actionBarCustomView.findViewById(R.id.search_view)); 
    searchView.setOnCloseListener(new SearchView.OnCloseListener() { 
     @Override 
     public boolean onClose() { 
      searchView.setVisibility(View.INVISIBLE); 
      return false; 
     } 
    }); 
} 

@Override 
public boolean onOptionsItemSelected(MenuItem item) { 
    switch (item.getItemId()) { 
     // ... 
     case R.id.menu_search: 
      if (searchView.getVisibility() == View.VISIBLE) { 
       searchView.setIconified(true); 
       searchView.setVisibility(View.INVISIBLE); 
      } else { 
       searchView.setMaxWidth(abCustomView.getWidth() - addButton.getWidth()); 
       searchView.setVisibility(View.VISIBLE); 
       searchView.setIconified(false); 
      } 
      break; 
     // ... 
    } 
    return true; 
} 

@Override 
public void onBackPressed() { 

    if (searchView.getVisibility() == View.VISIBLE) { 
     searchView.setIconified(true); 
     searchView.setVisibility(View.INVISIBLE); 
     return; 
    } 

    // ... 
} 

Answer 2

Bạn chỉ có thể làm điều đó bằng cách sử dụng yourmenu.xml.

Đặt biểu tượng trình đơn khác của bạn để luôn hiển thị dưới dạng hành động. menu.xml của bạn sẽ trông như thế này:

<item 
    android:id="@+id/menu_search" 
    android:actionLayout="@layout/actionbar_search" 
    android:icon="@drawable/action_search" 
    android:showAsAction="always|collapseActionView" 
    android:title="@string/search" 
/> 
<item 
    android:id="@+id/your_other_menu_id" 
    android:showAsAction="always" 
    android:icon="@android:drawable/your_other_menu_ic" 
/> 

Answer 3

Đơn giản chỉ cần bạn có thể làm điều đó như thế này

@Override 
public boolean onCreateOptionsMenu(Menu menu) { 
    getMenuInflater().inflate(R.menu.main, menu); 
    MenuItem searchItem = menu.findItem(R.id.action_search); 
    searchView = (SearchView) MenuItemCompat.getActionView(searchItem); 
    searchView.setIconified(true); //to be opened collapsed 
    return true; 
} 

@Override 
public boolean onOptionsItemSelected(MenuItem item) { 
    switch(item.getItemId()){ 

     case R.id.action_search: 
      searchView.setIconified(false);// to Expand the SearchView when clicked 
      return true; 
    }  
    return false; 
} 

Và tại mục tìm kiếm ở menu.xml làm

showAsAction = "always"

Lưu ý: Tôi đang sử dụng android.support.v7.widget.SearchView nhưng trong trường hợp của bạn, nó không quan trọng

Answer 4

Chỉ cần trình đơn thay đổi xml. tiền tố hiển thị cho tên ứng dụng của bạn

<menu xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" > 

<item 
    android:id="@+id/menu_search" 
    android:actionLayout="@layout/actionbar_search" 
    android:icon="@drawable/action_search" 
    app:showAsAction="always|collapseActionView" 
    android:title="@string/search" 
/> 

</menu>