【问题标题】:Either coordinatorlayout or collapsingtoolbarlayout is adding an unwanted bottom margincoordinatorlayout 或 collapsingtoolbarlayout 正在添加不需要的底部边距
【发布时间】:2018-05-16 12:26:26
【问题描述】:

正如您在此屏幕截图中看到的那样,当前布局正在添加我不想要的不需要的边距/填充,我想删除它但我不知道如何。

这是我的 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>

【问题讨论】:

  • 你不能删除它,因为它是你的父布局高度
  • 想解释清楚吗?
  • 是的,您的父(窗口)视图占据了您设备的整个高度。并且您为子视图应用了“wrap_content”,因此如果您的子视图未占据设备的全高,则始终会显示铰接空间。如果为您的活动设置半透明,您可以看到它
  • 但是底部屏幕上的列表很长,所以它应该占用所有空间,如果我“取消固定”折叠工具栏内的工具栏,该空间就会消失,因为列表正常占用空间。如果我给 collapsingToolbar 的 minHeight 为 48,这个不可见的空间也会出现相同的大小,如果我给它 minHeight 96 等等,它的大小会加倍。换句话说,如果我不固定工具栏,孩子们会占据整个屏幕高度。

标签: android xml android-coordinatorlayout android-collapsingtoolbarlayout


【解决方案1】:

好吧,在随机弄乱了 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>

【讨论】:

  • 请描述适合您的解决方案
猜你喜欢
  • 2014-09-19
  • 1970-01-01
  • 2014-08-28
  • 1970-01-01
  • 1970-01-01
  • 2013-02-18
  • 2022-11-25
  • 2015-12-02
  • 2016-02-26
相关资源
最近更新 更多