【问题标题】:Remove space between back arrow & image in toolbar删除工具栏中后退箭头和图像之间的空间
【发布时间】:2017-02-14 11:13:28
【问题描述】:

我想删除工具栏中内置后退箭头和图像视图之间的空间。

下面是我的xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context=".activities.AppBaseActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            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="@color/colorPrimary"
            android:contentInsetStart="0dp"
            android:contentInsetLeft="0dp"
            android:contentInsetRight="0dp"
            android:contentInsetEnd="0dp"
            app:contentInsetLeft="0dp"
            app:contentInsetStart="0dp"
            app:contentInsetRight="0dp"
            app:contentInsetEnd="0dp"
            app:popupTheme="@style/AppTheme.PopupOverlay">

            <RelativeLayout
                android:id="@+id/rl_User_Profile"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <ImageView
                    android:id="@+id/imageView_User_Image"
                    android:layout_width="150dp"
                    android:layout_height="40dp"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true"
                    android:layout_centerVertical="true"
                    android:layout_margin="1dp"
                    android:src="@drawable/app_logo" />

                <itcube.spcl.mobileapp.ui.view.CustomTextView
                    app:font="droid-serif.regular.ttf"
                    android:id="@+id/textView_User_Name"
                    android:text="jkdfsbjkbdkjsbf"
                    android:layout_marginLeft="3dp"
                    android:layout_toRightOf="@+id/imageView_User_Image"
                    android:textAppearance="?android:attr/textAppearanceSmall"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_alignTop="@+id/imageView_User_Image"/>
            </RelativeLayout>
        </android.support.v7.widget.Toolbar>
    </android.support.design.widget.AppBarLayout>
    <include layout="@layout/content_app_base" />

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

样式 xml

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

PSA 快照显示我必须删除的空间。 Java 文件只是有代码来定义工具栏和设置主页按钮启用意味着返回箭头。

【问题讨论】:

  • 如果你用相同的代码纠正我会更好
  • 尝试使用 framelayout 而不是 relativelayout,否则您应该为 rl_User_Profile 提供填充和边距 0。请使用背景颜色来检查它占用了多少区域
  • 你解决了吗?

标签: android android-toolbar android-styles android-coordinatorlayout android-appbarlayout


【解决方案1】:
app:contentInsetLeft="0dp"
app:contentInsetStart="0dp"
app:contentInsetStartWithNavigation="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:contentInsetStart="0dp"
    app:titleTextAppearance="@style/Toolbar.TitleText"
    app:popupTheme="@style/AppTheme.PopupOverlay"
    app:contentInsetStartWithNavigation="0dp" />

【讨论】:

    【解决方案2】:

    尝试使用mToolbar.setContentInsetStartWithNavigation(0);

    【讨论】:

    • 此建议无效。我仍然有后退箭头和编辑文本之间的填充。还有其他建议吗?
    • 不会删除所有空间,但肯定会删除一些
    【解决方案3】:

    在你的 style.xml 中:

    添加

    <style name="homeToolbarStyle" parent="@style/Widget.AppCompat.Toolbar">
            <item name="titleTextColor">@color/White</item>
            <item name="windowActionModeOverlay">true</item>
            <item name="contentInsetLeft">12dp</item>
            <item name="contentInsetStart">12dp</item>
            <item name="contentInsetStartWithNavigation">0dp</item>
            <item name="android:paddingLeft">10dp</item>
        </style>
    

    和,

    <style name="homeToolbarNavigationButtonStyle" parent="@style/Widget.AppCompat.Toolbar.Button.Navigation">
            <item name="android:minWidth">0dp</item>
            <item name="android:paddingRight">10dp</item>
            <item name="android:scaleType">centerInside</item>
        </style>
    

    在您的 style-v21 中,添加

    <style name="homeToolbarStyle" parent="@style/Widget.AppCompat.Toolbar">
            <item name="titleTextColor">@color/White</item>
            <item name="android:windowActionModeOverlay">true</item>
            <item name="android:contentInsetLeft">12dp</item>
            <item name="android:contentInsetStart">12dp</item>
            <item name="android:textColorSecondary">@color/White</item>
            <item name="contentInsetStartWithNavigation">0dp</item>
            <item name="android:paddingLeft">10dp</item>
        </style>
    

    和,

    <style name="homeToolbarNavigationButtonStyle" parent="@style/Widget.AppCompat.Toolbar.Button.Navigation">
            <item name="android:minWidth">0dp</item>
            <item name="android:scaleType">centerInside</item>
            <item name="android:paddingRight">@dimen/dp10</item>
        </style>
    

    现在在您的应用主题中,添加:

        <item name="toolbarStyle">@style/homeToolbarStyle</item>
        <item name="toolbarNavigationButtonStyle">@style/homeToolbarNavigationButtonStyle</item>
    

    您可以像在应用中一样修改父主题。

    【讨论】:

      【解决方案4】:

      据我所知,该空间是箭头的可点击区域。

      我认为最简单的方法是为红色框设置负边距。

      android:layout_marginLeft="-20dp"

      【讨论】:

      • 更改出现在 IDE 而不是设备上
      • 另一种方法是创建自己的工具栏而不使用默认工具栏。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-09-04
      • 2015-12-02
      • 2014-02-04
      • 2016-04-07
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多