【发布时间】: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