考虑到在 Activity 上膨胀的菜单，我正在尝试将文本集中在工具栏上。我在 SO 上找到了很多解决方案，但没有找到任何涵盖菜单也被膨胀的情况。

如果我只膨胀一个 ImageView 而没有膨胀 menu，一切都很好。 如果我膨胀 ImageView 和 menu 然后 image 不会显示在 Toolbar 的中心，但以自己的空间为中心(在汉堡包和菜单之间)

结论:

我需要将 ImageView 放在 Toolbar 的中心，不管后面的东西是否膨胀。我正在膨胀的菜单只有一个item(一个开关，始终可见)

这是我当前的代码:

 <android.support.design.widget.AppBarLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal"
                app:elevation="0dp">

                <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    android:background="?attr/colorPrimary"
                    app:contentInsetLeft="0dp"
                    app:contentInsetStartWithNavigation="0dp"
                    app:theme="@style/ToolbarTheme">

                    <ImageView
                        android:id="@+id/toolbar_logo"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:src="@drawable/app_logo" />

                </android.support.v7.widget.Toolbar>

            </android.support.design.widget.AppBarLayout>

Activity :

...    
@Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main_toolbar_user_visibility, menu);
        return true;
    }
...

即使在菜单膨胀后，如何使 ImageView 居中？

最佳答案

If I inflate the imageView and the menu then the image doesn't get displayed in the center of toolbar, but center on its own space (between hamburger and menu).

发生这种情况是因为您在 Toolbar 中添加了 ImageView 并且您的 Toolbar 用作 ActionBar ，因此它使用一些 left 空间作为 back 或 drawer 图标，使用 right 空间作为选项 menu。

Toolbar = "Back arrow" + "Middle area(Title/Image)" + "Option menu"

解决方案:

1. 添加一个 RelativeLayout 作为 AppBarLayout 的直接子级。

2.将Toolbar和ImageView放在RelativeLayout中。

3. 将属性 android:layout_centerInParent="true" 添加到 imageView 以显示在 center 工具栏。

这是工作代码:

<?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"
    android:id="@+id/mainCoordinatorLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        app:elevation="0dp">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:contentInsetLeft="0dp"
                app:contentInsetStartWithNavigation="0dp"
                app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

            </android.support.v7.widget.Toolbar>

            <ImageView
                android:id="@+id/toolbar_logo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:src="@mipmap/ic_launcher" />
        </RelativeLayout>

    </android.support.design.widget.AppBarLayout>

    <!-- Your Content here -->

</android.support.design.widget.CoordinatorLayout>

在您的 Activity 中，添加以下行:

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

setSupportActionBar(toolbar);
getSupportActionBar().setTitle(""); // hide title
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

输出:

希望对你有帮助~

关于Android - 工具栏上的中心图像，菜单膨胀，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44130362/