app:contentInsetStartWithNavigation="0dp" 在工具栏中不起作用
app:contentInsetStartWithNavigation="0dp" isn't working in ToolBar
我正在尝试显示横跨整个工具栏的 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)
删除了插图以及向上导航图标,这是不可接受的。除了添加我自己的自定义图标外,还有什么方法可以修复它吗?
FYI2,@style/ToolBarStyle
只是继承自 Theme.AppCompat
。
contentInset
可以正常工作,但如果要将 向上按钮 和 setDisplayHomeAsUpEnabled
显示为 true
,则会出现偏移。据我了解,插图定义 附加填充 ,而不是 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>
我正在尝试显示横跨整个工具栏的 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)
删除了插图以及向上导航图标,这是不可接受的。除了添加我自己的自定义图标外,还有什么方法可以修复它吗?
FYI2,@style/ToolBarStyle
只是继承自 Theme.AppCompat
。
contentInset
可以正常工作,但如果要将 向上按钮 和 setDisplayHomeAsUpEnabled
显示为 true
,则会出现偏移。据我了解,插图定义 附加填充 ,而不是 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>