SwipeRefreshLayout+NestedScrollView时内容的高度计算不对

本文介绍了一个关于SwipeRefreshLayout与NestedScrollView组合使用时出现的内容高度计算错误的问题,并提供了一种有效的解决方案,即通过调整布局层级和设置合适的margin来解决高度计算问题。

SwipeRefreshLayout+NestedScrollView时内容的高度计算不对

小白一枚,记录日常bug

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorBackground">

    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/swipeRefreshLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/colorBackground"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <android.support.v4.widget.NestedScrollView
            style="@style/ScrollWithoutClipping"
            android:paddingBottom="@dimen/navigation_padding"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">

            <android.support.v7.widget.CardView
                android:id="@+id/segment_card"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="@dimen/base_margin">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/tv_segment"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:padding="@dimen/base_margin" />

                    <TextView
                        android:id="@+id/tv_time"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="right"
                        android:padding="@dimen/base_margin" />

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="@dimen/divider"
                        android:background="@drawable/divider_dash_horizontal"
                        android:layerType="software" />

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">

                        <Button
                            android:id="@+id/btn_drill_up"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:background="?attr/selectableItemBackground"
                            android:text="@string/drill_up" />

                        <Button
                            android:id="@+id/btn_drill_down"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:background="?attr/selectableItemBackground"
                            android:text="@string/drill_down" />
                    </LinearLayout>
                </LinearLayout>

            </android.support.v7.widget.CardView>
        </android.support.v4.widget.NestedScrollView>
    </android.support.v4.widget.SwipeRefreshLayout>

    <include layout="@layout/layout_appbar" />
</android.support.design.widget.CoordinatorLayout>

如果直接给cardView设置marginButton,会造成类似失效的效果(用于NavigationBar的留白)

解决方案:
* 直接在cardview外套一层布局再设置margin

<?xml version="1.0" encoding="utf-8"?> <layout xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:android="http://schemas.android.com/apk/res/android"> <androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="#F8FDFD"> <!-- 头部布局 --> <LinearLayout android:id="@+id/head_layout" android:layout_width="match_parent" android:layout_height="@dimen/dp_50" android:background="#498FE0" android:orientation="horizontal" app:layout_constraintTop_toTopOf="parent"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginStart="@dimen/dp_22" android:text="logo" android:textColor="@color/white" android:textSize="@dimen/dp_18" android:textStyle="bold|italic" /> <ImageView android:layout_width="@dimen/dp_23" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginStart="@dimen/dp_183" android:adjustViewBounds="true" android:padding="@dimen/dp_2" android:src="@drawable/img_notify" /> <ImageView android:id="@+id/img_head" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="@dimen/dp_9" android:src="@drawable/img_defult_head" /> </LinearLayout> <!-- 使用 SwipeRefreshLayout 包裹整个可滚动内容 --> <!-- ,将高度设置为0dp(即MATCH_CONSTRAINT)表示该视图的高 度将根据其约束条件来确定。在这个布局中,SwipeRefreshLayout被约束在头部布局(head_layout) 的底部和父布局的底部之间,因此设置高度为0dp可以让它填充头部布局下方到屏幕底部的所有可用空间。--> <androidx.swiperefreshlayout.widget.SwipeRefreshLayout android:id="@+id/swipe_refresh_layout" android:layout_width="match_parent" android:layout_height="0dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintTop_toBottomOf="@id/head_layout"> <!-- 上拉加载容器 --> <com.scwang.smart.refresh.layout.SmartRefreshLayout android:id="@+id/refresh_layout" android:layout_width="match_parent" android:layout_height="match_parent" app:srlEnableRefresh="false" > <!-- 禁用下拉刷新,由外层SwipeRefreshLayout处理 --> <!-- 使用 NestedScrollView 替代 ScrollView --> <androidx.core.widget.NestedScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/nestedScrollView" android:fillViewport="true"> <androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <SearchView android:id="@+id/home_search" android:layout_width="@dimen/dp_330" android:layout_height="@dimen/dp_40" android:iconifiedByDefault="false" android:queryHint="搜索园区服务" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <ImageView android:id="@+id/home_banner" android:layout_width="@dimen/dp_325" android:layout_height="wrap_content" android:adjustViewBounds="true" android:padding="@dimen/dp_5" android:src="@drawable/home_icon" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@id/home_search" /> <GridLayout android:id="@+id/home_menu" android:layout_width="@dimen/dp_320" android:layout_height="wrap_content" android:background="@color/white" android:columnCount="4" android:rowCount="2" android:layout_marginTop="@dimen/dp_12" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@id/home_banner"> <!-- 第一行 --> <LinearLayout android:layout_width="0dp" android:layout_height="@dimen/dp_90" android:layout_columnWeight="1" android:gravity="center_horizontal" android:orientation="vertical"> <ImageView android:layout_width="@dimen/dp_60" android:layout_height="@dimen/dp_60" android:adjustViewBounds="true" android:padding="@dimen/dp_3" android:src="@drawable/park_home" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="@dimen/dp_7" android:text="车位管理" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="@dimen/dp_90" android:layout_columnWeight="1" android:gravity="center_horizontal" android:orientation="vertical"> <ImageView android:layout_width="@dimen/dp_60" android:layout_height="@dimen/dp_60" android:adjustViewBounds="true" android:padding="@dimen/dp_3" android:src="@drawable/visitor_home" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="@dimen/dp_7" android:text="访客登记" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="@dimen/dp_90" android:layout_columnWeight="1" android:gravity="center_horizontal" android:orientation="vertical"> <ImageView android:layout_width="@dimen/dp_60" android:layout_height="@dimen/dp_60" android:adjustViewBounds="true" android:padding="@dimen/dp_3" android:src="@drawable/repair_home" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="@dimen/dp_7" android:text="物业保修" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="@dimen/dp_90" android:layout_columnWeight="1" android:gravity="center_horizontal" android:orientation="vertical"> <ImageView android:layout_width="@dimen/dp_60" android:layout_height="@dimen/dp_60" android:adjustViewBounds="true" android:padding="@dimen/dp_3" android:src="@drawable/sign_home" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="@dimen/dp_6" android:text="考勤打卡" /> </LinearLayout> <!-- 第二行 --> <LinearLayout android:layout_width="0dp" android:layout_height="@dimen/dp_90" android:layout_columnWeight="1" android:gravity="center_horizontal" android:orientation="vertical"> <ImageView android:layout_width="@dimen/dp_60" android:layout_height="@dimen/dp_60" android:adjustViewBounds="true" android:padding="@dimen/dp_3" android:src="@drawable/house_home" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="@dimen/dp_7" android:text="房源管理" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="@dimen/dp_90" android:layout_columnWeight="1" android:gravity="center_horizontal" android:orientation="vertical"> <ImageView android:layout_width="@dimen/dp_60" android:layout_height="@dimen/dp_60" android:adjustViewBounds="true" android:padding="@dimen/dp_3" android:src="@drawable/shop_home" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="@dimen/dp_7" android:text="商家推荐" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="@dimen/dp_90" android:layout_columnWeight="1" android:gravity="center_horizontal" android:orientation="vertical"> <ImageView android:layout_width="@dimen/dp_60" android:layout_height="@dimen/dp_60" android:adjustViewBounds="true" android:padding="@dimen/dp_3" android:src="@drawable/member_home" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="@dimen/dp_7" android:text="月卡会员" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="@dimen/dp_90" android:layout_columnWeight="1" android:gravity="center_horizontal" android:orientation="vertical"> <ImageView android:layout_width="@dimen/dp_60" android:layout_height="@dimen/dp_60" android:adjustViewBounds="true" android:padding="@dimen/dp_3" android:src="@drawable/device_home" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="@dimen/dp_6" android:text="设备管理" /> </LinearLayout> </GridLayout> <TextView android:id="@+id/home_notify" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="@dimen/dp_19" android:layout_marginTop="@dimen/dp_8" android:text="园区公告" android:textSize="@dimen/dp_17" android:textStyle="bold" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@id/home_menu" /> <!-- 修复滚动问题:将RecyclerView高度改为wrap_content --> <androidx.recyclerview.widget.RecyclerView android:id="@+id/home_rv" android:layout_width="match_parent" android:layout_height="wrap_content" android:nestedScrollingEnabled="false" app:layout_constraintTop_toBottomOf="@id/home_notify" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent"/> </androidx.constraintlayout.widget.ConstraintLayout> </androidx.core.widget.NestedScrollView> </com.scwang.smart.refresh.layout.SmartRefreshLayout> </androidx.swiperefreshlayout.widget.SwipeRefreshLayout> </androidx.constraintlayout.widget.ConstraintLayout> </layout>这是布局
08-28
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值