工具栏菜单图标不是垂直居中的

时间:2016-12-14 06:20:57

标签: android android-toolbar

screenshot of the application

我在“开发者选项”中打开了“显示布局边界”选项。从我发布的图片中可以看出,“搜索”图标不是垂直居中的。

工具栏代码及其样式:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
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.v7.widget.Toolbar
    android:id="@+id/toolbar"
    style="@style/AppBar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:gravity="center_vertical"
    android:background="@color/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/AppBar"/>

<include layout="@layout/content_main"/
</android.support.design.widget.CoordinatorLayout>

AppBar风格:

<style name="AppBar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:windowActionBarOverlay">true</item>
    <item name="android:windowActionModeOverlay">true</item>
    <item name="colorAccent">@color/white</item>
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
</style>

菜单在mainActivity中膨胀:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    if (mMenu == null) {
        mMenu = menu;
        inflateSMenu();
    }
    return true;
}

public void inflateSMenu() {
    mMenu.clear();
    setToolbarTitle(getString(R.string.title));
    getMenuInflater().inflate(R.menu.menu_cat, mMenu);
}

menu_cat.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_add_category"
      android:icon="@drawable/ic_search_white_24dp"
      android:title="@string/search"
      app:showAsAction="always"/>
</menu>

我的问题是:如何将菜单图标垂直居中?

1 个答案:

答案 0 :(得分:0)

因此,您可以将样式应用于当前的应用主题,例如

<style name="AppTheme" parent="Theme.AppCompat.Light">
<item name="android:actionButtonStyle">@style/myActionButtonStyle</item>
<item name="actionButtonStyle">@style/myActionButtonStyle</item>
</style>

并创建一个ActionButton样式,如

 <style name="myActionButtonStyle" parent="Widget.AppCompat.ActionButton">
    <item name="android:minWidth">30dp</item>
    <item name="android:maxWidth">48dp</item>
    <item name="android:width">38dp</item>

</style>

未经测试但希望它有效。