如何在 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 文件,然后单击工具栏中的运行  图标。选择您的移动设备作为选项,然后检查您的移动设备,它将显示您的默认屏幕:

点击 这里 下载项目代码。

更新于:2020年4月21日

2K+ 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告