SearchView存在多余边距问题，如何消除组件内外额外空白？

嘿，我来帮你搞定这个SearchView的烦人防空白问题！从你描述的情况来看，你遇到的是Android Support库中SearchView的默认内边距和Toolbar组件间距问题，咱们一步步来解决：

问题回顾 #

你提到的界面情况：

• SearchView的search_edit_frame内部和组件外部都有多余空白
• 通过布局检查发现search_edit_frame左侧有24像素的默认边距
• 应用了Jimmy的方案后，内边距有所减少，但返回按钮和SearchView之间仍有较大间隙

你的现有代码 #

menu.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> 
    <item 
        android:id="@+id/appbar_menu_search" 
        android:icon="@drawable/ic_search" 
        android:title="@string/search_search" 
        app:showAsAction="always" 
        app:actionViewClass="android.support.v7.widget.SearchView" /> 
</menu>

主布局文件

<RelativeLayout android:id="@+id/root_layout" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"> 
    <android.support.design.widget.AppBarLayout android:id="@+id/profile_appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/topbar_gradient" android:theme="@style/AppTheme.Dark" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent"> 
        <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/topbar_gradient" android:fitsSystemWindows="true" android:minHeight="?android:attr/actionBarSize" app:layout_scrollFlags="scroll|enterAlways"> 
        </android.support.v7.widget.Toolbar> 
    </android.support.design.widget.AppBarLayout> 
    (...) 
</RelativeLayout>

完整解决步骤 #

1. 消除search_edit_frame的左侧内边距

咱们通过代码找到这个隐藏的子View，直接修改它的边距：

// 在onCreateOptionsMenu方法中获取SearchView
@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu, menu);
    SearchView searchView = (SearchView) MenuItemCompat.getActionView(menu.findItem(R.id.appbar_menu_search));
    
    // 找到search_edit_frame并移除左边距
    View searchEditFrame = searchView.findViewById(android.support.v7.appcompat.R.id.search_edit_frame);
    if (searchEditFrame != null) {
        ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) searchEditFrame.getLayoutParams();
        params.leftMargin = 0;
        searchEditFrame.requestLayout();
    }
    return true;
}

2. 修复返回按钮与SearchView的间隙

这个间隙大多是Toolbar的默认内容内边距导致的，咱们直接在Toolbar布局里调整：

<android.support.v7.widget.Toolbar 
    android:id="@+id/toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/topbar_gradient" 
    android:fitsSystemWindows="true" 
    android:minHeight="?android:attr/actionBarSize" 
    app:layout_scrollFlags="scroll|enterAlways"
    <!-- 添加这四个属性消除默认内边距 -->
    app:contentInsetStart="0dp"
    app:contentInsetLeft="0dp"
    android:contentInsetStart="0dp"
    android:contentInsetLeft="0dp">
</android.support.v7.widget.Toolbar>

如果这样还不够，可以再通过代码调整SearchView父容器的边距：

// 接上面的代码，调整SearchView父容器的左边距
View searchViewParent = (View) searchView.getParent();
if (searchViewParent != null) {
    ViewGroup.MarginLayoutParams parentParams = (ViewGroup.MarginLayoutParams) searchViewParent.getLayoutParams();
    parentParams.leftMargin = -12; // 数值可以根据你的界面微调
    searchViewParent.requestLayout();
}

3. 额外优化：移除搜索框内部空白

如果搜索框内部还有多余空白，咱们可以直接调整输入框的内边距：

EditText searchEditText = searchView.findViewById(android.support.v7.appcompat.R.id.search_src_text);
// 自定义内边距，上下保持原有的，左右改成你想要的数值
searchEditText.setPadding(8, searchEditText.getPaddingTop(), 8, searchEditText.getPaddingBottom());

注意事项 #

一定要确保引用的资源ID是android.support.v7.appcompat.R下的，不要用系统原生的android.R，否则会找不到对应的子View哦！

内容的提问来源于stack exchange，提问作者MichelReap