android - 将搜索视图小部件放在工具栏的右上角
问题描述
我想将搜索小部件放在工具栏的右上角,然后按下它以一直向左打开。但万一搜索视图走出屏幕。
有任何想法吗?
<android.support.v7.widget.Toolbar
android:id="@+id/mainToolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay">
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.SearchView
android:layout_width="47dp"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
app:barrierDirection="left"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
</android.support.v7.widget.SearchView>
</android.support.constraint.ConstraintLayout>
</android.support.v7.widget.Toolbar>
解决方案
显示搜索图标 + 将其扩展到搜索编辑文本的最简单方法是使用菜单项:
<item android:id="@+id/search"
android:title="@string/search_title"
android:icon="@drawable/ic_search_white_24dp"
app:showAsAction="collapseActionView|ifRoom"
app:actionViewClass="android.support.v7.widget.SearchView" />
然后onCreateOptionsMenu
执行你的逻辑
@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
inflater.inflate(R.menu.transcation_filter, menu);
// Associate searchable configuration with the SearchView
SearchManager searchManager =
(SearchManager) getContext().getSystemService(Context.SEARCH_SERVICE);
SearchView searchView =
(SearchView) menu.findItem(R.id.search).getActionView();
searchView.setSearchableInfo(
searchManager.getSearchableInfo(getActivity().getComponentName()));
searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
@Override
public boolean onQueryTextSubmit(String query) {
return false;
}
@Override
public boolean onQueryTextChange(String newText) {
mViewModel.filter(newText);
return false;
}
});
super.onCreateOptionsMenu(menu, inflater);
}
折叠的搜索看起来像
并展开
推荐阅读
- vba - 如何更改 vba 中形状文本的样式?
- android - 使用 null 数组而不是可选数组
- scala - Spark Scala 上的 java.lang.NullPointerException 问题
- python - 如何将串行输入拆分为消息
- python - Matplotlib polar 未按预期绘制
- python - 没有名为“flask_sqlalchemy”的模块
- arrays - PhpUnit:如何检查所选数组元素的检查顺序
- sql - 将 nil 值分配给 driver.Value 使 driver.Value 不等于 nil
- javascript - 为什么我的 ```document.querySelector``` 无法选择按钮元素?
- javafx - 覆盖 TableCell 上的 TableRow 样式