【问题标题】:app:contentInsetStartWithNavigation="0dp" isn't working in ToolBarapp:contentInsetStartWithNavigation="0dp" 在工具栏中不起作用
【发布时间】:2016-10-20 13:02:08
【问题描述】:

我正在尝试显示跨越整个工具栏的ImageView(我不能使用背景)。这是我的工具栏布局:

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_alignParentTop="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="@dimen/appbar_height"
    android:background="@drawable/backgorund_toolbar_tranluscent">

    <android.support.v7.widget.Toolbar
        style="@style/ToolBarStyle"
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/material_grey_700"
        app:contentInsetStartWithNavigation="0dp"
        app:contentInsetStart="0dp"
        app:contentInsetLeft="0dp"
        android:minHeight="@dimen/appbar_height">

        <android.support.percent.PercentRelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/thumbnail"
                app:layout_widthPercent="100%"
                app:layout_aspectRatio="178%"
                android:scaleType="centerCrop"
                android:background="@color/material_grey_700"
                tools:ignore="ContentDescription" />

            <RelativeLayout
                android:layout_alignBottom="@id/thumbnail"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <TextView
                    android:id="@+id/title"
                    android:layout_alignParentTop="true"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:paddingLeft="8dp"
                    android:paddingRight="8dp"
                    android:maxLines="3"
                    android:ellipsize="end"
                    android:textColor="@color/app_primary_text_default_material_dark"
                    android:textAppearance="@style/TextAppearance.AppCompat.Title"/>

                <LinearLayout
                    android:id="@+id/details"
                    android:orientation="horizontal"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/title"
                    android:paddingLeft="8dp"
                    android:paddingRight="8dp"
                    android:paddingBottom="8dp">

                    <TextView
                        android:id="@+id/uploader"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:textColor="@color/app_primary_text_default_material_dark"
                        android:textAppearance="@style/TextAppearance.AppCompat.Body1" />

                    <TextView
                        android:id="@+id/duration"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="4"
                        android:gravity="end"
                        android:textColor="@color/app_primary_text_default_material_dark"
                        android:textAppearance="@style/TextAppearance.AppCompat.Body1" />
                </LinearLayout>

                <me.zhanghai.android.materialprogressbar.MaterialProgressBar
                    android:id="@+id/progress"
                    android:layout_width="match_parent"
                    android:layout_height="2dp"
                    android:layout_below="@id/details"
                    style="@style/Widget.MaterialProgressBar.ProgressBar.Horizontal"
                    app:mpb_progressStyle="horizontal"
                    app:mpb_useIntrinsicPadding="false"
                    android:indeterminate="false"/>
            </RelativeLayout>
        </android.support.percent.PercentRelativeLayout>
    </android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>

如你所见,我已经添加了

        app:contentInsetStartWithNavigation="0dp"
        app:contentInsetStart="0dp"
        app:contentInsetLeft="0dp"

正如许多类似问题的答案所建议的那样。我仍然在左侧插入。

我在设置 ActionBar 时使用以下代码:

    ActionBar actionBar = getSupportActionBar();
    if (actionBar != null) {
        actionBar.setDisplayHomeAsUpEnabled(true);
        actionBar.setDisplayShowTitleEnabled(false);
    }

仅供参考,actionBar.setDisplayHomeAsUpEnabled(false)删除了插图以及随之而来的向上导航图标,这是不可接受的。除了添加我自己的自定义向上图标之外,我还有什么方法可以解决它?

仅供参考,@style/ToolBarStyle 只是继承自 Theme.AppCompat

【问题讨论】:

    标签: android android-layout toolbar


    【解决方案1】:

    contentInsets 工作正常,但如果您想显示 向上按钮setDisplayHomeAsUpEnabledtrue,则会出现偏移量。据我了解,插入定义附加填充,而不是Toolbar 内容的开始位置。

    解决方法:

    重新设计如何让AppBarLayout 包含您的自定义背景,Toolbar(具有透明背景)保留您的复杂标题并在您想要的任何位置插入ProgressBar

    类似这样的:

    <AppBarLayout
        android:background="@color/material_grey_700">
    
        <!-- Just a Toolbar wrapper -->
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
    
           <!-- Background of Toolbar -->
           <ImageView
               android:id="@+id/thumbnail"/>
    
           <Toolbar
               android:id="@+id/toolbar"
               android:background="@android:color/transparent">
    
               <!-- Your multiline title stuff stays here. -->
    
           </Toolbar>
    
        </FrameLayout>
    
    </AppBarLayout>
    

    【讨论】:

    • 它修复了图像,但文本和进度条对齐错误。
    • @Binoy 添加图片以显示您想要实现的目标。明天我会尽力帮忙的:)
    猜你喜欢
    • 1970-01-01
    • 2018-09-18
    • 2014-12-25
    • 1970-01-01
    • 1970-01-01
    • 2017-06-15
    • 1970-01-01
    • 2015-09-07
    • 1970-01-01
    相关资源
    最近更新 更多