ListView内的Android约束布局 - 最后一项样式被破坏

Posted

技术标签:

【中文标题】ListView内的Android约束布局 - 最后一项样式被破坏【英文标题】:Android Constraint Layout Inside ListView - Last Item Style Is Broken 【发布时间】:2020-02-13 07:38:51 【问题描述】:

我不明白为什么ListView 的最后一项有点“错误”。为什么我在那里失踪,这是因为 ListView 没有满足底部的父级?我不这么认为,因为我在 Item 中设置了 minHeight。

我还尝试将填充设置到底部(正如提到的另一个堆栈答案),但它没有成功。

首先我们看一下图形结果:

这是我的活动

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    tools:context=".Activity.SelectSequenceStartPractise">

    <fragment android:name="fr.izio.enhancedtabata.Fragment.MainHeader" android:id="@+id/main_header" app:layout_constraintTop_toTopOf="parent" android:layout_ android:layout_ />

    <com.google.android.material.textview.MaterialTextView
        android:layout_marginTop="12sp"
        app:layout_constraintTop_toBottomOf="@id/main_header"
        android:id="@+id/select_a_sequence_text"
        android:layout_
        android:layout_
        android:text="Select a sequence"
        android:fontFamily="@font/exo2"
        android:textColor="@color/design_default_color_primary"
        android:textSize="32sp"
        android:textAlignment="center"/>

    <ListView
        android:id="@+id/sequence_selection_container_list"
        android:layout_
        android:layout_
        android:layout_marginTop="22dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/select_a_sequence_text" />

</androidx.constraintlayout.widget.ConstraintLayout>

这是我的项目(用于适配器):

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_
    style="@style/Widget.MaterialComponents.CardView"
    android:backgroundTint="@color/material_on_primary_emphasis_high_type"
    android:minHeight="72dp">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_
        android:layout_
        android:minHeight="72dp"
        android:padding="8dp">

        <TextView
            android:id="@+id/sequence_name_text"
            android:layout_
            android:layout_
            android:fontFamily="@font/exo2"
            android:text="My super sequence"
            android:textColor="@color/design_default_color_primary"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/sequence_time_duration"
            android:layout_
            android:layout_
            android:fontFamily="@font/exo2"
            android:textColor="@color/design_default_color_secondary"
            android:text="Duration: 50 s"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"/>

        <TextView
            android:id="@+id/sequence_pause_time_duration"
            android:layout_
            android:layout_
            android:layout_marginBottom="6dp"
            android:fontFamily="@font/exo2"
            android:textColor="@color/design_default_color_secondary"
            android:text="Pause: 10 s"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            />

        <TextView
            android:id="@+id/sequence_contains_cycles_number"
            android:layout_
            android:layout_
            android:fontFamily="@font/exo2"
            android:textColor="@color/design_default_color_secondary"
            android:text="Contains 5 cycles"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintRight_toRightOf="parent"/>
    </androidx.constraintlayout.widget.ConstraintLayout>

</com.google.android.material.card.MaterialCardView>

最后,这是 Adapter 的 getView 方法:

    @NotNull
    @Override
    public View getView(final int position, View convertView, ViewGroup parent) 
        final Sequence sequence = super.getItem(position);

        if (convertView == null) 
            // Let's inflate the view
            convertView = LayoutInflater.from(getContext()).inflate(R.layout.sequence_item_selection_start_practice, parent, false);
        

        TextView sequenceName = convertView.findViewById(R.id.sequence_name_text);
        TextView sequenceDuration = convertView.findViewById(R.id.sequence_time_duration);
        TextView sequencePauseDuration = convertView.findViewById(R.id.sequence_pause_time_duration);

        if (sequence != null) 
            sequenceName.setText(sequence.name);
            sequenceDuration.setText("Cycle duration: " + String.valueOf(sequence.sequenceDuration) + " s.");
            sequencePauseDuration.setText("Pause duration: " + String.valueOf(sequence.sequencePauseDuration) + " s.");
        

        return convertView;
    

为什么 ListView 的最后一项不遵守我在该项中输入的约束?

【问题讨论】:

为什么还在用 ListView 而不是 RecyclerView? 我工作的地方有一些限制,其中之一就是不使用 RecyclerView。另外,用另一个问题回答一个问题也无济于事。 仅供参考,我尝试使用 RecyclerView 并没有帮助。我可以分享代码。我很确定布局部分有问题。 【参考方案1】:

当您将子视图与父视图的顶部和底部对齐时,“android:layout_height”值应为“wrap_content”或“0dp”。

app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="parent"

为子视图设置“minHeight”

【讨论】:

对于哪个元素? 对于所有的TextView 我觉得很蠢,我有\n 字符是我的数据...谢谢你的帮助:)

以上是关于ListView内的Android约束布局 - 最后一项样式被破坏的主要内容,如果未能解决你的问题,请参考以下文章

ListView布局高度与Fragment中的RecyclerView内的父级不匹配

带有 BaseAdapter 的 Android ListView 内的 ImageButton

滚动视图内的约束布局,总是参考线高度变化

android如何改变listview的每行高度

将 imageview 内的图像约束到 android:background 形状

Android性能优化-ListView自适应性能问题