搜索视图未完全展开宽度

Question

基本上我想让搜索视图在有一个图片按钮的情况下扩展和折叠，当单击图标时，按钮应消失，当搜索视图折叠时，视图应出现。

我没有在操作栏中使用搜索视图。当我单击搜索图标时，它只会扩展半个屏幕，但它应该扩展整个宽度，并在关闭搜索视图时包裹内容。

<SearchView
        android:id="@+id/searchView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true">

我也尝试过：

android.view.ViewGroup.LayoutParams params = searchview.getLayoutParams();
params.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));

但是我在这里遇到了错误，setLayoutParams提示"add to cast"

- jason

Answer 1

起初你会遇到一个异常，因为如果你查看位于

\Android\android-sdk\platforms\android-18\data\res\layout\

的search_view.xml文件，会发现SearchView基本上是将几个小部件合并在一起的简单LinearLayout。这就是为什么你会遇到类转换异常的原因。你需要使用SearchViewCompat代替。

android.view.ViewGroup.LayoutParams params = searchview.getLayoutParams();

使用

LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) searchview.getLayoutParams();

或者只需导入正确的类，然后您就可以简单地使用它。

import android.widget.LinearLayout.LayoutParams;

                      ...

LayoutParams params = (LayoutParams) searchview.getLayoutParams();

如果没有任何前缀，您可以使用LayoutParams。

但我不认为将LayoutParams设置为wrap content会有所帮助。我会将SearchView和ImageButton包装到RelativeLayout中，在那里您可以指定相对于其他视图的视图位置。然后只需将SearchView的宽度设置为填充父元素，这样它就可以填充剩余的空间。

- janox1x2x3

Answer 2

你尝试过使用 XML 属性 android:maxWidth 吗？可以参考这里：http://developer.android.com/reference/android/widget/SearchView.html#attr_android:maxWidth

我正在使用 actionbarsherlock 的 SearchView，并使用相应的 Java 方法将其扩展到可用宽度的 actionbar 上。

- arne.jans

---

searchView.setMaxWidth(findViewById(R.id.layout).getMeasuredWidth()); - user2273146

Answer 3

    <item
        android:id="@+id/action_search"
        android:icon="@drawable/search_b"
        android:orderInCategory="3"
        android:title="Search"
        app:showAsAction="always|collapseActionView"
        app:actionViewClass="android.support.v7.widget.SearchView" />

    <item
        android:id="@+id/action_scan"
        android:icon="@drawable/scan_b"
        android:title="Scan"
        android:orderInCategory="2"
        app:showAsAction="ifRoom|collapseActionView" />

    <item
        android:id="@+id/action_add_cusomer"
        android:icon="@drawable/add_cust_b"
        android:title="Add Customer"
        android:orderInCategory="1"
        app:showAsAction="ifRoom|collapseActionView" />

</menu>

After Clicking on Search icon:

- Abdul Gaffar

Answer 4

根据您的需求尝试此操作，但不要想着自己开发搜索按钮，您可以使用wrap_content宽度参数将默认的searchButton移到右侧，然后在单击搜索时将宽度设置为match_parent，再次关闭时将宽度设置为wrap_content。

使用RelativeLayout的searchView子元素，并确保使用正确的LayoutParams（RelativeLayout.LayoutParams）

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

    <Button
        android:id="@+id/buttonLeftMenu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerInParent="true"
        android:background="@drawable/ic_drawer" />

    <ImageView
        android:id="@+id/iv_logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="@drawable/actionbar_logo" />

    <TextView
        android:id="@+id/tw_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="YOUR "
        android:textSize="24sp" />

    <SearchView
        android:id="@+id/searchView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/buttonRightMenu" />

    <Button
        android:id="@+id/buttonRightMenu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerInParent="true"
        android:background="@drawable/ic_action_settings" />

</RelativeLayout>

并且在你的课堂上

searchView.setOnSearchClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub
        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
        params.addRule(RelativeLayout.RIGHT_OF, R.id.buttonLeftMenu);
        params.addRule(RelativeLayout.LEFT_OF, R.id.buttonRightMenu);
        searchView.setLayoutParams(params);

    }
});

searchView.setOnCloseListener(new OnCloseListener() {

    @Override
    public boolean onClose() {
        // TODO Auto-generated method stub
        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
        params.addRule(RelativeLayout.LEFT_OF, R.id.buttonRightMenu);
        searchView.setLayoutParams(params);

        return false;
    }
});

- OMArikan