首頁 > 軟體

Android SearchView搜尋控制元件使用方法詳解

2022-04-18 19:01:14

本文範例為大家分享了Android SearchView搜尋控制元件的具體實現程式碼,供大家參考,具體內容如下

方法介紹

  • setQueryHint

設定 Hint 的文字內容

  • setMaxWidth

設定搜尋方塊的最大寬度

  • setSubmitButtonEnabled

是否顯示提交按鈕,預設是false

  • setIconified

搜尋方塊是否展開,false表示展開

  • setIconifiedByDefault

是否鎖定搜尋方塊為展開狀態,false表示鎖定(放大鏡在搜尋方塊外)

  • onActionViewExpanded

鎖定搜尋方塊為展開狀態

  • onActionViewCollapsed

將當前狀態切換為收縮狀態

  • setImeOptions

改變軟鍵盤的右下角的確認鍵值
EditorInfo.IME_ACTION_SEARCH
表示右下角為搜尋

使用方法

<?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">

   <ListView
      android:layout_height="match_parent"
      android:layout_width="match_parent"
      android:id="@+id/mainListView1"/>

</LinearLayout>

java程式碼

public class MainActivity extends AppCompatActivity
 {
   private ListView mListView;
   private ArrayAdapter mArrayAdapter;
   private String[]data={"a同學","b同學","c同學","d同學","A宿舍","B學校","C食堂","D教室","AA制"};
   private SearchView mSearchView;

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      
      mArrayAdapter=new ArrayAdapter<String>(this,android.R.layout.simple_expandable_list_item_1,data);
      mListView=findViewById(R.id.mainListView1);
      mListView.setAdapter(mArrayAdapter);
   }

   @Override
   public boolean onCreateOptionsMenu(Menu menu)
   {
      getMenuInflater().inflate(R.menu.menu,menu);
      MenuItem MenuItem=menu.findItem(R.id.action_search);
      mSearchView=(SearchView) MenuItemCompat.getActionView(MenuItem);
      
      mSearchView.setQueryHint("請輸入關鍵詞");
      mSearchView.setOnQueryTextListener(new SearchView.OnQueryTextListener(){

            @Override
            public boolean onQueryTextSubmit(String p1)
            {
               //點選搜尋按鈕事件
               
               //收起鍵盤
               mSearchView.clearFocus();
               //收起搜尋方塊
               mSearchView.onActionViewCollapsed();
               return false;
            }

            @Override
            public boolean onQueryTextChange(String p1)
            {
               //當搜尋方塊的文字內容發生變化時呼叫
               mArrayAdapter.getFilter().filter(p1);
               return false;
            }
         });
      
      return super.onCreateOptionsMenu(menu);
   }

}
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto">

   <item
      android:id="@+id/action_search"
      app:actionViewClass="android.support.v7.widget.SearchView"
      app:showAsAction="ifRoom" />

   <item
      android:id="@+id/action_settings"
      app:showAsAction="never"/>
   
</menu>

效果圖

總結了幾個比較常見的問題,並在網上找到了相應的解決方案,親測有效

問題1:如何去掉下劃線或自定義背景

try {     //--拿到位元組碼      
      Class<?> argClass = mSearchView.getClass();
      //--指定某個私有屬性,mSearchPlate是搜尋方塊父佈局的名字        
      Field ownField = argClass.getDeclaredField("mSearchPlate");
      //--暴力反射,只有暴力反射才能拿到私有屬性       
      ownField.setAccessible(true);
      View mView = (View) ownField.get(mSearchView);
      //--設定背景 
      mView.setBackgroundColor(Color.TRANSPARENT);
    } catch (Exception e) {
      e.printStackTrace();
}

問題2:自定義文字與遊標的顏色

int searchPlateId = mSearchView.getContext().getResources()
   .getIdentifier("android:id/search_plate", null, null);
View searchPlate = mSearchView.findViewById(searchPlateId);
if (searchPlate != null)
{
   int searchTextId = searchPlate.getContext().getResources()
   .getIdentifier("android:id/search_src_text", null, null);

   //自定義文字顏色
   TextView searchText = (TextView) searchPlate.findViewById(searchTextId);
   if (searchText != null)
   {
      searchText.setTextColor(Color.WHITE);
      searchText.setHintTextColor(Color.WHITE);
   }
try
{
   //自定義遊標顏色
   Field mCursorDrawableRes=TextView.class.getDeclaredField("mCursorDrawableRes"); 
   mCursorDrawableRes.setAccessible(true); 
   mCursorDrawableRes.set(searchText, R.drawable.cursor_color); 
}
catch (Exception e){}
}
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid
        android:color="#FFFF0000"/>
    <size
        android:width="1dp"/>
</shape>

問題3:改變圖示渲染顏色為白色

  • 首先用Toolbar代替ActionBar
  • 然後為Toolbar新增屬性
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援it145.com。


IT145.com E-mail:sddin#qq.com