Android导航工具栏图标和徽标无法对齐

时间:2017-02-22 03:06:12

标签: android toolbar statusbar appcompat-v7-r22.1

the logo cannot align to the left drawer icon 工具栏布局我设置了android:layout_gravity =" center_vertical" 但它不起作用

代码:

<?xml version="1.0" encoding="utf-8"?>
    <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="100dp"
    android:background="@drawable/toolbar_bg"
    android:fitsSystemWindows="true"
    app:popupTheme="@style/Theme.AppCompat.Light.DarkActionBar"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:src="@android:drawable/sym_def_app_icon" />

主要布局:     

<!-- As the main content view, the view below consumes the entire
     space available using match_parent in both dimensions. -->
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <include
        android:id="@+id/head_tool_bar"
        layout="@layout/toolbar" />

    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/head_tool_bar" />

</RelativeLayout>
<!-- The drawer is given a fixed width in dp and extends the full height of
     the container. -->
<fragment
    android:id="@+id/navigation_drawer"
    android:name="com.voogolf.helper.home.NavigationDrawerFragment"
    android:layout_width="@dimen/navigation_drawer_width"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    tools:layout="@layout/drawer_new_home" />

</android.support.v4.widget.DrawerLayout>

如何将抽屉图标和徽标对齐顶部?为什么左侧抽屉图标有填充 像这样?

5 个答案:

答案 0 :(得分:0)

将此属性属性添加到imageView android:layout_gravity="center_vertical"

答案 1 :(得分:0)

你应该尝试像这样设置布局重力。

android:layout_gravity="left|center_vertical"

并确保paddingmargin0dp

答案 2 :(得分:0)

如果您尝试自定义toolbar,请执行此类操作。

<?xml version="1.0" encoding="utf-8"?>
    <android.support.v7.widget.Toolbar 
     ...>
<RelativeLayout>
<ImageView
    ... />
//here you can add more view items
</RelativeLayout>
</android.support.v7.widget.Toolbar>

如果您使用工具栏并使用ActionBarDrawerToggle设置操作栏,请将此代码添加到ActionBarDrawerToggle对象。

toggle.setDrawerIndicatorEnabled(false);     // this will disable your default haburger icon
toggle.setHomeAsUpIndicator(R.drawable.ic_custom_drawer_icon);  // this will replace the toggle home indicator

答案 3 :(得分:0)

Android支持v7工具栏就像其他视图一样。您可以在工具栏中自定义或添加所需的视图。 您的imageView应位于toolbar内,并imageView属性使gravity or layout_gravity对齐。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/home_button"
        android:background="@color/colorToolbarWelcomeBg"
        android:scaleType="fitCenter"
        android:src="@drawable/back_arrow"
        android:layout_gravity="left|centre"/>
    <TextView
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="0.6"
        android:background="@color/colorToolbarWelcomeBg"
        android:text="Settings"
        android:textColor="@color/colorWhite"
        android:textStyle="bold"
        android:id="@+id/welcomeToManager"
        android:gravity="center"/>
</LinearLayout>

并将此布局放在<toolbar> Above layout </toolbr>内。此代码仅显示一个想法而非实际代码:)

答案 4 :(得分:0)

这是我的工具栏,后面有一个按钮,文本位于中心。你可以参考这段代码。

        <?xml version="1.0" encoding="utf-8"?>
        <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="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:contentInsetLeft="0dp"
            android:contentInsetStart="0dp"

            android:minHeight="?attr/actionBarSize"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:contentInsetLeft="0dp"
            app:contentInsetStart="0dp"
            app:contentInsetStartWithNavigation="0dp"
            app:layout_collapseMode="pin"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <ImageView
                    android:id="@+id/back_arrow"
                    android:layout_width="25dp"
                    android:layout_height="25dp"
                    android:layout_gravity="left|center"
                    android:visibility="visible"
                    android:layout_marginLeft="8dp"
                    android:layout_marginRight="8dp"
                    android:src="@drawable/back_arrow" />


                <com.indosat.rider.views.CustomTextView
                    android:id="@+id/toolbar_custom_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:gravity="center"
                    android:text="Register Page"
                    style="@style/roboto_medium"
                    android:textAllCaps="true"
                    android:textColor="@color/white"
                    android:textSize="19sp" />



            </FrameLayout>


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

如果您需要任何帮助来安排最终设置,请告诉我。