CardView 在我的片段上不能完全滚动

Posted 2023-04-19

技术标签:

【中文标题】CardView 在我的片段上不能完全滚动【英文标题】：CardView not fully Scrollable on my fragment 【发布时间】：2021-01-19 13:31:35 【问题描述】：

我正在使用片段来显示卡片视图和所有片段的通用底部导航。根据我的数据，在这里我有超过 5 张卡片，但我无法滚动查看所有卡片。只能滚动到第二张卡片，由于底部导航，第二张卡片也不完全可见。 main_activity.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/container"
    android:layout_
    android:layout_
    android:background="#ff293353"
    android:paddingTop="20dp">



    <fragment
        android:id="@+id/nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_
        android:layout_
        app:defaultNavHost="true"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_above="@id/nav_view"
        app:layout_constraintTop_toTopOf="parent"
        
        app:navGraph="@navigation/mobile_navigation" />
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/nav_view"
        android:layout_
        android:layout_
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="@drawable/bottom_tab_style"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/bottom_nav_menu" />
</androidx.constraintlayout.widget.ConstraintLayout>

然后循环查看

<?xml version="1.0" encoding="utf-8"?>
<ScrollView android:layout_
    android:layout_
    xmlns:android="http://schemas.android.com/apk/res/android" >
    <LinearLayout
        android:layout_
        android:layout_
        android:orientation="vertical"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        >
        <LinearLayout
            android:layout_
            android:layout_
            android:layout_marginTop="5dp"
            android:orientation="horizontal"
            android:layout_marginBottom="10dp"
            android:weightSum="1"
            android:layout_marginStart="70dp"
            android:layout_marginEnd="70dp"
            android:layout_gravity="center"
            >

            <TextView
                android:layout_
                android:layout_
android:gravity="center"
                android:background="@drawable/left_enabled"
                android:layout_weight="0.5"
                android:textAlignment="center"
                android:id="@+id/btn_normal"
                android:text="@string/normal"
                android:textColor="@color/white"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/btn_cognitive"
                android:layout_
                android:layout_
                android:layout_weight="0.5"
                android:background="@drawable/right_disabled"
                android:gravity="center"
                android:text="@string/cognitive"
                android:textAlignment="center"
                android:textColor="@color/white"
                android:textStyle="bold" />


        </LinearLayout>

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recyclerView"
            android:layout_
            android:layout_marginTop="5dp"
            android:layout_>

        </androidx.recyclerview.widget.RecyclerView>

    </LinearLayout>
</ScrollView>

然后卡片查看内容

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    xmlns:app="http://schemas.android.com/apk/res-auto">
<LinearLayout
    android:layout_
    android:background="@drawable/cardstyle"
    android:layout_
    app:layout_constraintTop_toTopOf="parent"

   >

    <com.google.android.material.card.MaterialCardView
        android:id="@+id/cardView"
        android:layout_
        android:layout_
        android:background="@color/transparent"
        card_view:cardBackgroundColor="@color/transparent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        card_view:cardCornerRadius="12dp">

        <LinearLayout
            android:layout_
            android:layout_
            android:layout_marginEnd="2dp"
            android:layout_marginStart="2dp"
            android:layout_marginTop="2dp"
            android:layout_marginBottom="2dp"
            android:orientation="horizontal">

            <LinearLayout
                android:id="@+id/linearLayout3"
                android:layout_
                android:layout_
                android:background="#3f4865"
                android:orientation="vertical">

                <LinearLayout
                    android:layout_
                    android:layout_
                    android:layout_marginStart="10dp"
                    android:layout_marginTop="10dp"
                    android:layout_marginEnd="10dp"
                    android:orientation="vertical">
<LinearLayout
    android:layout_
    android:layout_
    >
                    <TextView
                        android:id="@+id/txt_recordTitle"
                        android:layout_
                        android:layout_
                        android:fontFamily="@font/poppins"
                        android:paddingStart="12dp"
                        android:text="Normal Test 01"
                        android:gravity="center_vertical"
                        android:textColor="@color/white"
                        android:textSize="14sp" />
</LinearLayout>
                    <LinearLayout
                        android:layout_marginTop="10dp"
                        android:layout_
                        android:layout_
                        android:orientation="horizontal">

                        <LinearLayout
                            android:layout_
                            android:layout_
                            android:layout_weight="1"
                            android:orientation="vertical">

                            <LinearLayout
                                android:layout_
                                android:layout_
                                android:layout_marginTop="5dp"
                                android:orientation="horizontal">

                                <ImageView
                                    android:layout_
                                    android:layout_
                                    android:layout_gravity="center_vertical"
                                    android:layout_marginEnd="10dp"
                                    android:src="@drawable/ic_card_walk" />

                                <LinearLayout
                                    android:layout_
                                    android:layout_
                                    android:orientation="vertical">

                                    <TextView
                                        android:id="@+id/parameter1"
                                        android:layout_
                                        android:layout_
                                        android:fontFamily="@font/poppins"
                                        android:letterSpacing="0.12"
                                        android:text="No: of gait cycles"
                                        android:textColor="#cecece"
                                        android:textSize="12sp" />

                                    <TextView
                                        android:id="@+id/p1_value"
                                        android:layout_
                                        android:layout_
                                        android:fontFamily="@font/poppins"
                                        android:letterSpacing="0.16"
                                        android:text="Details"
                                        android:textColor="#FFF"
                                        android:textSize="16sp" />

                                </LinearLayout>


                            </LinearLayout>

                            <LinearLayout
                                android:layout_
                                android:layout_
                                android:layout_marginTop="5dp"
                                android:orientation="horizontal">

                                <ImageView
                                    android:layout_
                                    android:layout_

                                    android:layout_marginEnd="10dp"

                                    android:src="@drawable/ic_card_walk" />

                                <LinearLayout
                                    android:layout_
                                    android:layout_
                                    android:orientation="vertical">

                                    <TextView
                                        android:id="@+id/parameter2"
                                        android:layout_
                                        android:layout_
                                        android:fontFamily="@font/poppins"
                                        android:letterSpacing="0.12"
                                        android:text="Stride Length"
                                        android:textColor="#cecece"
                                        android:textSize="12sp" />

                                    <TextView
                                        android:id="@+id/p2_value"
                                        android:layout_
                                        android:layout_
                                        android:fontFamily="@font/poppins"
                                        android:letterSpacing="0.16"
                                        android:text="Details"
                                        android:textColor="#FFF"
                                        android:textSize="16sp" />

                                </LinearLayout>


                            </LinearLayout>

                            <LinearLayout
                                android:layout_
                                android:layout_
                                android:orientation="horizontal">

                                <ImageView
                                    android:layout_
                                    android:layout_
                                    android:layout_marginEnd="10dp"
                                    android:src="@drawable/ic_card_walk" />

                                <LinearLayout
                                    android:layout_
                                    android:layout_
                                    android:orientation="vertical">

                                    <TextView
                                        android:id="@+id/parameter3"
                                        android:layout_
                                        android:layout_
                                        android:fontFamily="@font/poppins"
                                        android:letterSpacing="0.12"
                                        android:text=" Gait time"
                                        android:textColor="#cecece"
                                        android:textSize="12sp" />

                                    <TextView
                                        android:id="@+id/p3_value"
                                        android:layout_
                                        android:layout_
                                        android:fontFamily="@font/poppins"
                                        android:letterSpacing="0.16"
                                        android:text="p2"
                                        android:textColor="#FFF"
                                        android:textSize="16sp" />

                                </LinearLayout>


                            </LinearLayout>
                        </LinearLayout>

                        <LinearLayout
                            android:layout_
                            android:layout_
                            android:layout_weight="0.5"
                            android:background="@drawable/info_button_style"
                            android:orientation="vertical">


                            <TextView
                                android:layout_
                                android:layout_
                                android:layout_gravity="center_horizontal"
                                android:text="@string/total_n_gait_score"
                                android:textAlignment="center"
                                android:textColor="#FFF" />

                            <FrameLayout
                                android:layout_
                                android:layout_
                                android:layout_gravity="center">


                                <ProgressBar
                                    android:id="@+id/card_progressBar"
                                    style="?android:attr/progressBarStyleHorizontal"
                                    android:layout_
                                    android:layout_
                                    android:layout_centerInParent="true"
                                    android:layout_marginTop="10dp"
                                    android:background="@drawable/circle_shape"
                                    android:indeterminate="false"
                                    android:max="100"
                                    android:progress="65"
                                    android:progressDrawable="@drawable/card_progress" />

                                <TextView
                                    android:id="@+id/text_progress"
                                    android:layout_
                                    android:layout_
                                    android:layout_gravity="center"
                                    android:text="60%"
                                    android:textAppearance="@style/TextAppearance.AppCompat.Large"
                                    android:textColor="@color/white" />
                            </FrameLayout>
                        </LinearLayout>


                    </LinearLayout>
                </LinearLayout>

                <LinearLayout
                    android:layout_
                    android:layout_
                    android:layout_marginStart="10dp"
                    android:layout_marginEnd="10dp"
                    android:orientation="horizontal"
                    android:paddingBottom="10dp">

                    <TextView
                        android:layout_
                        android:layout_
                        android:layout_weight="1"
                        android:ellipsize="end"
                        android:maxLines="1"
                        android:id="@+id/card_date"
                        android:text="date"
                        android:textColor="#FFF"
                        android:textSize="1sp" />

                    <TextView
                        android:layout_
                        android:layout_
                        android:layout_weight="0"
                        android:ellipsize="end"
                        android:maxLines="1"
                        android:text="time"
                        android:id="@+id/card_time"
                        android:textColor="#FFF"
                        android:textSize="12sp" />
                </LinearLayout>
            </LinearLayout>


        </LinearLayout>
    </com.google.android.material.card.MaterialCardView>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

请检查我的代码并帮助我解决这个问题。

【问题讨论】：

【参考方案1】：

片段android:layout_above="@id/nav_view" 的main_activity.xml 中有错误，它用于RelativeLayout。而是使用app:layout_constraintBottom_toTopOf="@id/nav_view"。这将解决您的第二个问题（由于底部导航，第二个问题也不完全可见）。

将您的 ScrollView 更改为 NestedScrollView。

在您的卡片视图内容中，您不需要 ConstraintLayout，LinearLayout 作为根元素就足够了（删除 ConstraintLayout，因为您没有利用其平面视图层次结构的力量）。如果您的 LinearLayout 背景可以移动到 MaterialCardView 的背景，那么您也不需要 LinearLayout。

对于您的回收站视图，通过 xml 或代码将 nestedScrollingEnabled 设置为 false。试试这些东西，它会解决你的问题。

【讨论】：

以上是关于CardView 在我的片段上不能完全滚动的主要内容，如果未能解决你的问题，请参考以下文章

我正在尝试在我的应用中获取此特定的Cardview布局

setPadding（）在动态创建CardView时不起作用

Android：滚动整个片段，里面有 ListView

RecyclerView中的CardView垂直滚动

为啥我的 Cardview 在我运行时没有出现在布局中

CardView 不在披萨片段中显示图片