Android 将SearchView与AppCompative一起使用会导致UI故障
我正在尝试创建一个Android应用程序,在操作栏中有一个搜索按钮,当用户按下搜索按钮时,操作栏上会出现一个搜索文本框,就像谷歌的Messenger应用程序(见下文)。 我试图实现如下所示,但我的应用程序如下所示: 这方面有一些问题。例如,与没有省略号的简单“搜索”不同,文本显示为带省略号的“搜索…”,但到目前为止,最令人担忧的是,工具栏中没有后退按钮,搜索按钮被向左推得太远,右侧的溢出按钮被推到了一侧。此外,在我的设备上按物理后退按钮不会折叠searchview,它只存在于应用程序中 下面是我用来实现搜索栏的一些代码。我试图设置一个Android 将SearchView与AppCompative一起使用会导致UI故障,android,user-interface,android-appcompat,searchview,Android,User Interface,Android Appcompat,Searchview,我正在尝试创建一个Android应用程序,在操作栏中有一个搜索按钮,当用户按下搜索按钮时,操作栏上会出现一个搜索文本框,就像谷歌的Messenger应用程序(见下文)。 我试图实现如下所示,但我的应用程序如下所示: 这方面有一些问题。例如,与没有省略号的简单“搜索”不同,文本显示为带省略号的“搜索…”,但到目前为止,最令人担忧的是,工具栏中没有后退按钮,搜索按钮被向左推得太远,右侧的溢出按钮被推到了一侧。此外,在我的设备上按物理后退按钮不会折叠searchview,它只存在于应用程序中 下面
SearchViewExpandListener
,如下所示,以便在搜索视图展开时显示“后退”按钮,但它不起作用
编辑:我还在我的onMenuItemActionExpand
和onMenuItemActionCollapsed
方法上使用断点运行应用程序,我发现这些方法实际上从未被调用
MainActivity.java
import android.content.Context;
import android.support.v4.view.MenuItemCompat;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.SearchView;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayShowHomeEnabled(false);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu, menu);
MenuItem searchItem = menu.findItem(R.id.action_search);
SearchView searchView = (SearchView) MenuItemCompat.getActionView(searchItem);
// See above
MenuItemCompat.setOnActionExpandListener(searchItem, new SearchViewExpandListener(this));
MenuItemCompat.setActionView(searchItem, searchView);
searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
@Override
public boolean onQueryTextSubmit(String s) {
Toast.makeText(MainActivity.this, "You searched " + s, Toast.LENGTH_SHORT).show();
return false;
}
@Override
public boolean onQueryTextChange(String s) {
return false;
}
});
return true;
}
// See above
private class SearchViewExpandListener implements MenuItemCompat.OnActionExpandListener {
private Context context;
public SearchViewExpandListener (Context c) {
context = c;
}
@Override
public boolean onMenuItemActionExpand(MenuItem item) {
((AppCompatActivity) context).getSupportActionBar().setDisplayShowHomeEnabled(true);
return false;
}
@Override
public boolean onMenuItemActionCollapse(MenuItem item) {
((AppCompatActivity) context).getSupportActionBar().setDisplayShowHomeEnabled(false);
return false;
}
}
}
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/action_search"
android:title="Search"
app:actionViewClass="android.support.v7.widget.SearchView"
app:showAsAction="ifRoom"/>
<item android:id="@+id/action_about"
android:title="About"
app:showAsAction="never"/>
</menu>
而且似乎不仅仅是我有这个问题。似乎遇到了类似的问题
那么在AppCompative活动中实现搜索栏的正确方法是什么?这样的活动会产生谷歌材料设计指南中的搜索栏,以及谷歌Messenger等应用程序中的搜索栏?我觉得我在过去的一段时间里一直在谷歌搜索,但是我找不到任何有帮助的东西。在serchView菜单项上的
showAsAction
中使用collapseActionView
标志以及始终
app:showAsAction="always|collapseActionView"
collapseActionView
标志指示当用户不与小部件交互时如何显示小部件:如果小部件位于应用程序栏上,应用程序应将小部件显示为图标。如果小部件位于溢出菜单中,应用程序应将小部件显示为菜单项。当用户与action视图交互时,它会展开以填充应用程序栏。在菜单的action\u搜索项中尝试app:showAsAction=“always | collapseActionView”从未想到解决方案会如此简单。谢谢你!