[英]Collapsing Toolbar title not centered
My app contains a collapsing toolbar with a title.我的应用程序包含一个带有标题的折叠工具栏。 The title is centerend when it is expanded and should stay centered when it is collapsing.
标题在展开时为 centerend,在折叠时应保持居中。 With my layout which is below, my device doesn't center the title when it is collapsed, but moves it a little to the right.
对于下面的布局,我的设备在折叠时不会将标题居中,而是将其向右移动一点。 What do I have to change so it keeps being centered?
我必须改变什么才能让它保持居中? If it's helpful I can add images as well of course.
如果有帮助,我当然也可以添加图像。
My layout:我的布局:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:ads="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:background="@android:color/white"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/appBar"
android:layout_width="match_parent"
android:layout_height="200dp"
android:fitsSystemWindows="true"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:expandedTitleGravity="center|bottom"
app:title="Test"
app:collapsedTitleGravity="center"
app:expandedTitleMarginBottom="56dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:toolbarId="@+id/toolbar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_marginBottom="48dp"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="10dp"
android:fillViewport="true"
android:layout_gravity="fill_vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior">>
</android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>
This is what it looks like expanded这是它看起来像扩展
As you see on this image, it's not centered, but a little moved to the right side正如你在这张图片上看到的,它没有居中,而是稍微移到了右侧
Setting content related properties to 0dp will help you.将内容相关属性设置为 0dp 会对您有所帮助。 Here is my working Toolbar entry.
这是我的工作工具栏条目。
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
app:contentInsetLeft="0dp"
android:contentInsetLeft="0dp"
app:contentInsetStartWithNavigation="0dp"
app:contentInsetStart="0dp"
android:contentInsetStart="0dp"
app:theme="@style/YourTheme"
android:gravity="center_horizontal"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:titleMargin="0dp" />
Hope it will help :)希望它会有所帮助:)
Its because of the the back back button at top right.这是因为右上角的后退按钮。 Solution for this is to add marginEnd in your toolbar.
解决方案是在工具栏中添加 marginEnd 。
<com.google.android.material.appbar.CollapsingToolbarLayout
android:id="@+id/htab_collapse_toolbar"
android:layout_width="match_parent"
android:layout_height="110dp"
app:expandedTitleMargin="@dimen/margin_15"
app:collapsedTitleTextAppearance="@style/test1"
app:expandedTitleTextAppearance="@style/test"
app:collapsedTitleGravity="center_horizontal"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
android:fitsSystemWindows="true"
app:title="Send money">
<androidx.appcompat.widget.Toolbar
android:id="@+id/htab_toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_marginEnd="85dp"
android:layout_gravity="top"
app:layout_collapseMode="pin"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</com.google.android.material.appbar.CollapsingToolbarLayout>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.