Question

当用户点击搜索图标时，我有一个可在我的OptionsMenu中扩展的SearchView。但是，它仅在其他OptionsMenu图标中的可用空间内扩展。在宽屏幕上这很好，但是在狭窄的空间内，只有在搜索框中显示5-10个字符的空间。我希望它覆盖其他图标，例如它适用于Android Contacts应用程序。目前，我正在使用targetSdkVersion = 17进行构建。希望我遗漏一些简单的东西：）

（注意后来添加：到目前为止，我发现可行的唯一解决方案是在我想扩展搜索图标时隐藏所有菜单图标。这在概念上很简单。但它很混乱，因为在恢复隐藏时图标，一个必须通过一堆逻辑来确定要恢复哪些，或保持状态变量等。）

这是我的项目xml in for OptionsMenu：

<item
  android:id="@+id/menu_search_shallow"
  android:title="Search Current Folder"
  android:icon="@drawable/ic_btn_search"
  android:showAsAction="always|collapseActionView"
  android:actionViewClass="android.widget.SearchView" />

我的主要活动代码中也有：

@Override
public boolean onCreateOptionsMenu (Menu menu)
{
  getMenuInflater().inflate(R.menu.nav_menu, menu);
  this.optionsMenu = menu;

  MenuItem searchItem = menu.findItem (R.id.menu_search_shallow);
  searchItem.setOnActionExpandListener (this);
  SearchView searchView = (SearchView) searchItem.getActionView();
  searchView.setQueryHint (getString (R.string.search_shallow_hint));

  searchItem = menu.findItem (R.id.menu_search_deep);
  searchItem.setOnActionExpandListener (this);
  searchView = (SearchView) searchItem.getActionView();
  searchView.setQueryHint (getString (R.string.search_deep_hint));
}

和

@Override
public boolean onMenuItemActionExpand(MenuItem item) 
{
  SearchView searchView = (SearchView) item.getActionView();
  searchView.setOnQueryTextListener (this);
  return true;
}

@Override
public boolean onMenuItemActionCollapse(MenuItem item) 
{
  SearchView searchView = (SearchView) item.getActionView();
  searchView.setQuery ("", false);
  return true;
}

Answer 1

我没有创建新的布局，而是在onCreateOptionsMenu（）中以编程方式设置MaxWidth：

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getMenuInflater();
    inflater.inflate(R.menu.menu_search, menu);
    SearchView searchView = (SearchView)menu.findItem(R.id.menu_search).getActionView();
    searchView.setMaxWidth(Integer.MAX_VALUE);
    ....

Answer 2

由于某些原因，jjung的解决方案对我不起作用。我不得不添加android:maxWidth="10000dp"，只是一个非常高的maxWidth，以使其扩展到完整的可用宽度。

另外，只是要添加，我正在使用支持库（v7），所以我的布局文件如下所示：

<android.support.v7.widget.SearchView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:maxWidth="10000dp" />

在我的项目中，我有：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:myapp="http://schemas.android.com/apk/res-auto">
    <item
        ...
        myapp:actionLayout="@layout/searchview" />
...

其中myapp只是支持库添加的属性的任意名称空间（有关详细信息，请参阅Adding Action Items）。

Answer 3

也许我迟到但认为对于遇到与我相同问题的人可能会有所帮助。

final SearchView searchView = (SearchView) myActionMenuItem.getActionView();
searchView.setMaxWidth(Integer.MAX_VALUE);//set search menu as full width

onCreateOptionsMenu中的

您的班级可以解决这个问题但我们需要了解一件事。如果您只想显示搜索菜单（单击搜索按钮）而不是操作栏中的任何其他菜单项，则需要将搜索项目保留为菜单文件中的第一项。这是一个例子

        <?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">

<!--keeping searach as first item-->
        <item
            android:id="@+id/action_search"
            android:icon="@drawable/search_ab"
            android:title="@string/search"
            app:actionViewClass="android.support.v7.widget.SearchView"
            app:showAsAction="ifRoom" />

        <item
            android:id="@+id/itemFilter"
            android:icon="@drawable/filter"
            android:title="@string/filter"
            app:showAsAction="ifRoom" />
    </menu>

它将显示为

点击搜索时，它将显示为全宽

如果您将搜索作为菜单中的第二项或最后一项，那么它将显示为这样。

并点击搜索

Answer 4

我有一个类似的问题，搜索栏没有填满整个宽度，（但我没有其他图标）。我通过添加项目来解决它：

android:actionLayout="@layout/my_search_view"

并在layout / my_search_view.xml中：

<?xml version="1.0" encoding="utf-8"?>
<SearchView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

Answer 5

有很多方法可以解决这个问题 - 我只会添加我在多个应用中使用过的那个。

我的自定义 SearchView （带有其他一些自定义功能）扩展了 android.support.v7.widget.SearchView 并且为了拉伸到全宽：

.owl-special .owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -25px;
  top: 20%; 
}

.owl-special .owl-theme .owl-controls .owl-buttons .owl-next{
  right: -25px;
  top: 20%;
}

Answer 6

看起来很疯狂，在我看来，这是这行代码： menu.xml中的 app：actionViewClass =“ android.widget.SearchView” ：

 <item
        android:id="@+id/action_search"
        app:actionViewClass="android.widget.SearchView"
        android:icon="@drawable/ic_search"
        android:title="@string/title"
        app:actionLayout="@layout/layout_search"
        app:showAsAction="always" />

当我删除 app：actionViewClass 时，它已按照我的layout_search文件中的定义完全展开。

<android.support.v7.widget.SearchView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:maxWidth="10000dp"
android:layout_centerInParent="true"
android:background="@color/colorAccent"
android:queryHint="Search me" />

OptionsMenu中的SearchView不是全宽

6 个答案: