[英]CoordinatorLayout with NestedScroll and CollapsingToolbarLayout doesn't scroll to bottom
[英]Either coordinatorlayout or collapsingtoolbarlayout is adding an unwanted bottom margin
如您在此屏幕快照中所見,當前布局正在添加我不需要的這種多余的邊距/填充,我想將其刪除但不知道如何。
這是我的XML:我看到要從collapsingToolbar調整minHeight或使之固定在折疊中的工具欄是使邊距出現的原因,我需要使該工具欄(帶有圓圈和DaniloC的工具)始終處於打開狀態布局折疊后,頂部的選項卡將緊靠其底部,因此對我來說,解決問題的一種方法或解決方案都不錯。
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<android.support.design.widget.AppBarLayout
app:elevation="0dp"
android:id="@+id/user_appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/Blue"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:layout_collapseMode="parallax"
app:scrimAnimationDuration="0">
<android.support.design.widget.CoordinatorLayout
android:id="@+id/topcoord"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/Blue"
android:layout_gravity="bottom|center_horizontal"
android:orientation="vertical">
<RelativeLayout
android:id="@+id/main.linearlayout.title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center">
<ImageButton
android:id="@+id/profilebanner"
android:layout_width="match_parent"
android:layout_height="146dp"
android:scaleType="centerCrop"
android:background="@null"
android:src="#d5f2e8"
android:clickable="false" />
<Button
android:layout_below="@id/profilebanner"
android:layout_height="24dp"
android:layout_width="64dp"
android:id="@+id/followButton2"
android:background="@drawable/custom_button"
android:text="Follow"
android:layout_alignParentRight="true"
android:layout_margin="8dp"
android:textColor="@android:color/white" />
<TextView
android:layout_below="@id/profilebanner"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:layout_marginTop="9.5dp"
android:id="@+id/followers"
android:text="Followers"
android:textSize="12sp"
android:textStyle="bold"
android:textColor="#2c302a" />
<TextView
android:layout_toRightOf="@id/followers"
android:layout_alignBaseline="@id/followers"
android:layout_marginLeft="8dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/followsNumber"
android:text="144"
android:textSize="12sp"
android:textColor="#2c302a" />
<TextView
android:layout_below="@id/followers"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:id="@+id/Following"
android:text="Following"
android:textSize="12sp"
android:textStyle="bold"
android:textColor="#2c302a" />
<TextView
android:layout_toRightOf="@id/Following"
android:layout_alignBaseline="@id/Following"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/followingNumber"
android:layout_marginLeft="8dp"
android:text="53"
android:textSize="12sp"
android:textColor="#2c302a" />
<TextView
android:layout_below="@id/Following"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="9dp"
android:layout_marginLeft="8dp"
android:id="@+id/profilename"
android:text="XX WIDE u NAME XX"
android:textSize="18sp"
android:textStyle="bold"
android:textColor="#2c302a" />
<TextView
android:layout_below="@id/profilename"
app:layout_collapseMode="parallax"
android:id="@+id/biotext"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:textSize="14sp"
android:textColor="#2c302a"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " />
</RelativeLayout>
<refractored.controls.CircleImageView
android:id="@+id/profileavatar"
app:layout_anchor="@id/profilebanner"
android:layout_width="100dp"
android:layout_height="100dp"
app:layout_anchorGravity="center|bottom"
app:civ_border_width="3dp"
app:civ_border_color="@color/White"
android:src="#d5f2e8"
android:clickable="false"
app:layout_collapseMode="parallax" /
</android.support.design.widget.CoordinatorLayout>
<android.support.v7.widget.Toolbar
app:title=""
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="48dp"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:layout_scrollFlags="scroll|enterAlways|snap"
app:layout_collapseMode="pin">
<refractored.controls.CircleImageView
android:id="@+id/toolbar_profile_image"
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_marginLeft="4dp"
android:src="#d5f2e8"
android:clickable="false" />
<TextView
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:padding="6dp"
android:textSize="16sp"
android:textStyle="bold"
android:textColor="@color/White"
android:id="@+id/usernamePage"
android:text="Username" />
<Button
android:layout_height="24dp"
android:layout_width="64dp"
android:id="@+id/followButton"
android:background="@drawable/custom_button"
android:text="Follow"
android:layout_gravity="right"
android:textColor="@android:color/white" />
</android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<LinearLayout
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:orientation="vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<include
android:id="@+id/tabs"
layout="@layout/tabs" />
<android.support.v4.view.ViewPager
android:id="@+id/user_viewpager"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
</android.support.design.widget.CoordinatorLayout>
在對XML結構進行了一些隨機弄亂之后,我設法對其進行了修復,我真的不知道該對它進行什么修復,但是如果您好奇的話,這里是代碼:
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/user_appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/Blue"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:layout_collapseMode="parallax"
app:scrimAnimationDuration="0">
<android.support.design.widget.CoordinatorLayout
android:id="@+id/topcoord"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/Blue"
android:orientation="vertical">
<RelativeLayout
android:id="@+id/main.linearlayout.title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center">
<ImageButton
android:id="@+id/profilebanner"
android:layout_width="match_parent"
android:layout_height="146dp"
android:scaleType="centerCrop"
android:background="@null"
android:src="#d5f2e8"
android:clickable="false" />
<Button
android:layout_below="@id/profilebanner"
android:layout_height="24dp"
android:layout_width="64dp"
android:id="@+id/followButton2"
android:background="@drawable/custom_button"
android:text="Follow"
android:layout_alignParentRight="true"
android:layout_margin="8dp"
android:textColor="@android:color/white" />
<TextView
android:layout_below="@id/profilebanner"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:layout_marginTop="9.5dp"
android:id="@+id/followers"
android:text="Followers"
android:textSize="12sp"
android:textStyle="bold"
android:textColor="#2c302a" />
<TextView
android:layout_toRightOf="@id/followers"
android:layout_alignBaseline="@id/followers"
android:layout_marginLeft="8dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/followsNumber"
android:text="144"
android:textSize="12sp"
android:textColor="#2c302a" />
<TextView
android:layout_below="@id/followers"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:id="@+id/Following"
android:text="Following"
android:textSize="12sp"
android:textStyle="bold"
android:textColor="#2c302a" />
<TextView
android:layout_toRightOf="@id/Following"
android:layout_alignBaseline="@id/Following"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/followingNumber"
android:layout_marginLeft="8dp"
android:text="53"
android:textSize="12sp"
android:textColor="#2c302a" />
<TextView
android:layout_below="@id/Following"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="9dp"
android:layout_marginLeft="8dp"
android:id="@+id/profilename"
android:text="XX WIDE u NAME XX"
android:textSize="18sp"
android:textStyle="bold"
android:textColor="#2c302a" />
<TextView
android:layout_below="@id/profilename"
app:layout_collapseMode="parallax"
android:id="@+id/biotext"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:textSize="14sp"
android:textColor="#2c302a"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " />
</RelativeLayout>
<refractored.controls.CircleImageView
android:id="@+id/profileavatar"
app:layout_anchor="@id/profilebanner"
android:layout_width="100dp"
android:layout_height="100dp"
app:layout_anchorGravity="center|bottom"
app:civ_border_width="3dp"
app:civ_border_color="@color/White"
android:src="#d5f2e8"
android:clickable="false"
app:layout_collapseMode="parallax" />
</android.support.design.widget.CoordinatorLayout>
<android.support.v7.widget.Toolbar
app:title=""
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="48dp"
app:layout_collapseMode="pin">
<refractored.controls.CircleImageView
android:id="@+id/toolbar_profile_image"
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_marginLeft="4dp"
android:src="#d5f2e8"
android:clickable="false" />
<TextView
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:padding="6dp"
android:textSize="16sp"
android:textStyle="bold"
android:textColor="@color/White"
android:id="@+id/usernamePage"
android:text="Username" />
<Button
android:layout_height="24dp"
android:layout_width="64dp"
android:id="@+id/followButton"
android:background="@drawable/custom_button"
android:text="Follow"
android:layout_gravity="right"
android:textColor="@android:color/white" />
</android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
<include
android:id="@+id/tabs"
layout="@layout/tabs" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/user_viewpager"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</android.support.design.widget.CoordinatorLayout>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.