android - Kotlin 如何使用 SearchBar + SearchView？

Question

Kotlin 如何使用 SearchBar + SearchView？

https://m3.material.io/components/search/overview 显示 Jetpack Compose 的还在计划中，但是有 MDC 的

能否在 Kotlin 里使用 MDC 提供的 SearchBar + SearchView？

如果可以，应该怎么使用？

Answer 1

在 Kotlin 中使用 MDC (Material Design Components) 提供的 SearchBar 和 SearchView 是可能的。MDC 提供了一套丰富的 Material Design 组件，包括 SearchBar 和 SearchView，用于在 Android 应用中实现 Material Design 风格的搜索功能。

要在 Kotlin 中使用 MDC 的 SearchBar 和 SearchView，你需要首先在你的项目中添加 MDC 的依赖。这通常在你的 build.gradle 文件中完成。添加依赖后，你可以在你的 Kotlin 代码中导入相应的 MDC 类，并开始使用它们。

以下是一个简单的示例，展示了如何在 Kotlin 中使用 MDC 的 SearchBar 和 SearchView：

import com.google.android.material.textfield.SearchBarimport com.google.android.material.textfield.SearchView// 在你的 Activity 或 Fragment 中class MyActivity : AppCompatActivity() {    override fun onCreate(savedInstanceState: Bundle?) {        super.onCreate(savedInstanceState)        setContentView(R.layout.activity_my)        val searchBar: SearchBar = findViewById(R.id.searchBar)        val searchView: SearchView = findViewById(R.id.searchView)        searchBar.setOnSearchClickListener {            // 当用户点击搜索按钮时触发            // 在这里可以处理搜索逻辑        }        searchView.setOnQueryTextListener(object : SearchView.OnQueryTextListener {            override fun onQueryTextSubmit(query: String?): Boolean {                // 当用户提交搜索查询时触发                // 在这里可以处理搜索逻辑                return true            }            override fun onQueryTextChange(newText: String?): Boolean {                // 当用户更改搜索查询时触发                // 在这里可以处理实时搜索逻辑                return true            }        })    }}

在上面的示例中，我们首先导入了 MDC 的 SearchBar 和 SearchView 类。然后，在我们的 Activity 或 Fragment 中，我们通过 ID 找到了这两个视图组件，并设置了相应的监听器来处理搜索事件。

请注意，上述示例中的 R.id.searchBar 和 R.id.searchView 是你在布局文件中为 SearchBar 和 SearchView 设置的 ID。你需要确保在你的布局文件中正确配置了这些组件，并将它们与相应的 ID 关联起来。

此外，MDC 的 SearchBar 和 SearchView 还提供了许多其他属性和方法，你可以根据你的需求进行进一步的定制和扩展。你可以参考 MDC 的官方文档以获取更多关于这些组件的详细信息和用法示例。