如何在 Kotlin 中使用 Toolbar 中的 SearchView？

此示例演示如何在 Kotlin 中使用 Toolbar 中的 SearchView。

步驟 1 − 在 Android Studio 中建立一個新專案，轉到檔案 ⇉ 新建專案，並填寫所有必需的詳細資訊以建立新專案。

步驟 2 − 將以下程式碼新增到 res/layout/activity_main.xml。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".MainActivity">
   <androidx.appcompat.widget.Toolbar
   android:id="@+id/toolbar"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:background="?attr/colorBackgroundFloating"
   android:minHeight="?attr/actionBarSize" />
   <ListView
      android:id="@+id/listView"
      android:layout_width="match_parent"
      android:layout_height="wrap_content" />
   <TextView
      android:id="@+id/emptyView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:text="No Results"
      android:textSize="20sp"
      android:visibility="gone" />
</RelativeLayout>

步驟 3 − 開啟 res/strings.xml 並新增以下程式碼：

<resources>
   <string name="app_name">Q38</string>
   <string-array name="months_array">
      <item>January</item>
      <item>February</item>
      <item>March</item>
      <item>April</item>
      <item>May</item>
      <item>June</item>
      <item>July</item>
      <item>August</item>
      <item>September</item>
      <item>October</item>
      <item>November</item>
      <item>December</item>
   </string-array>
</resources>

步驟 4 − 將以下程式碼新增到 MainActivity.kt

import android.os.Bundle
import android.view.Menu
import android.widget.*
import android.widget.AdapterView.OnItemClickListener
import androidx.appcompat.app.AppCompatActivity
import androidx.appcompat.widget.Toolbar
class MainActivity : AppCompatActivity() {
   private lateinit var toolbar: Toolbar
   lateinit var adapter: ArrayAdapter<*>
   private lateinit var listView: ListView
   private lateinit var emptyView: TextView
   override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
      title = "KotlinApp"
      toolbar = findViewById(R.id.toolbar)
      listView = findViewById(R.id.listView)
      emptyView = findViewById(R.id.emptyView)
      adapter = ArrayAdapter<Any?>(this, android.R.layout.simple_list_item_1,
      resources.getStringArray(R.array.months_array))
      listView.adapter = adapter
      listView.onItemClickListener = OnItemClickListener { adapterView, _, i, _ ->
         Toast.makeText(this@MainActivity, adapterView.getItemAtPosition(i).toString(),
         Toast.LENGTH_SHORT).show()
      }
      listView.emptyView = emptyView
   }
   override fun onCreateOptionsMenu(menu: Menu): Boolean {
      menuInflater.inflate(R.menu.menu, menu)
      val search = menu.findItem(R.id.appSearchBar)
      val searchView = search.actionView as SearchView
      searchView.queryHint = "Search"
      searchView.setOnQueryTextListener(object : SearchView.OnQueryTextListener {
         override fun onQueryTextSubmit(query: String?): Boolean {
            return false
         }
         override fun onQueryTextChange(newText: String?): Boolean {
            adapter.filter.filter(newText)
            return true
         }
      })
      return super.onCreateOptionsMenu(menu)
   }
}

步驟 5 − 建立一個 Android 資原始檔夾 (menu) 並建立一個選單資原始檔 (menu.xml) 並新增以下程式碼：

<?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/appSearchBar"
      android:icon="@drawable/ic_search"
      android:title="Search"
      app:actionViewClass="android.widget.SearchView"
      app:showAsAction="ifRoom|withText" />
</menu>

步驟 6 − 將以下程式碼新增到 androidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="app.com.q36">
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity">
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

讓我們嘗試執行您的應用程式。我假設您已將您的實際 Android 移動裝置連線到您的計算機。要從 Android Studio 執行應用程式，請開啟您的專案中的一個 activity 檔案，然後單擊工具欄中的執行圖示。選擇您的移動裝置作為選項，然後檢查您的移動裝置，它將顯示您的預設螢幕：