Android Material Design工具栏自定义操作菜单未正确对齐

时间:2015-01-22 07:41:01

标签: android material-design android-toolbar

我刚刚在我的应用中采用了Material Design Toolbar。我遵循了Chris Banes blog的指导,让它在Lollipop前设备上工作 但是,我似乎无法将我的动作菜单项垂直居中。

以下是Kitkat设备上的外观截图。 Kitkat screenshot

如您所见,标题和菜单图标未对齐。某种方式标题正确对齐但不是动作菜单和导航图标。而是将它们对齐到底部。

这是我的工具栏布局

<android.support.v7.widget.Toolbar
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/toolbar"
     android:layout_width="match_parent"
     android:layout_height="?android:attr/actionBarSize"
     android:background="?attr/colorPrimaryDark"/>

我尝试将android:gravity放在布局上,但它没有做任何事情。

这是我的抽象活动代码,它将工具栏指定为操作栏

public abstract class BaseMaterialActivity extends ActionBarActivity {

private Toolbar toolbar;

public abstract int getLayoutResources();

public abstract boolean isShowActionBar();

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(getLayoutResources());
    if (isShowActionBar()) {
        toolbar = (Toolbar) findViewById(R.id.toolbar);
        if (toolbar != null) {
            setSupportActionBar(toolbar);
            toolbar.setNavigationIcon(getResources().getDrawable(R.drawable.ic_drawer));
            getSupportActionBar().setDisplayHomeAsUpEnabled(true);
            getSupportActionBar().setDisplayShowTitleEnabled(true);
            getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_nav_back);
        }
    }
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
    }
}

public Toolbar getToolbar() {
    return toolbar;
}

}

这是我的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/action_filter"
         android:icon="@drawable/ic_filter"
         android:orderInCategory="1"
         app:showAsAction="always|withText"
         android:title="@string/filters" />

     <item
         android:id="@+id/action_cart"
         app:actionLayout="@layout/action_cart_icon_layout"
         android:orderInCategory="2"
         app:showAsAction="always"
         android:title="@string/cart" />


 </menu>

任何有关如何让动作菜单垂直居中的帮助或指针都将受到赞赏。谢谢!

1 个答案:

答案 0 :(得分:11)

而不是

 android:layout_height="?android:attr/actionBarSize"

 android:layout_height="?actionBarSize"

第二个是由AppCompat主题定义的正确高度(默认为56dp,普通版本为48dp,平板电脑为64dp)。

注意:您编写的内容仅适用于Android 5.0。