RecyclerView 两种 item 高度包裹内容
RecyclerView Two Types item height wrap content
我在 adapter
中使用两个 ViewType
来显示不同的布局:
case 0:
return new Holder(LayoutInflater.from(parent.getContext()).inflate(R.layout.faq_item, parent, false));
case 2:
return new HolderAnswer(LayoutInflater.from(parent.getContext()).inflate(R.layout.faq_item_answer, parent, false));
default:
return null;
}
默认情况下,每秒 layout
有不可见的 (GONE
) TextView
在第一个项目点击时变为 Visible
如果我将第一个项目设置为固定 height
它工作正常,但有时项目可能包含长文本而不会被看到:
<ConstraintLayout
layout_height="@dimen/..."
...>
....
</ConstraintLayout>
如果我将 height
更改为 wrap_content
,我会看到意想不到的行为:第一个和第二个元素的 height
等于 screen height
,但经过几次滑动后,到列表的开头,高度符合预期尺寸。
我的猜测,这是因为使用了两种视图类型或错误的对齐方式。为 setHasFixedSize()
都尝试了 true/false 以下是布局:
question.xml
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/container_question"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#CCEFF5">
<View
android:id="@+id/indicator"
android:layout_width="3dp"
android:layout_height="20dp"
android:background="#ff008ca5"
android:visibility="invisible"
app:layout_constraintBottom_toBottomOf="@+id/question"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="@+id/question" />
<com.hastee.pay.ui.view.Text
android:id="@+id/question"
style="@style/black_regular_15"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:layout_marginEnd="8dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:layout_marginStart="20dp"
android:layout_marginTop="16dp"
app:infont="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/plus"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0" />
<ImageView
android:id="@+id/plus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="20dp"
app:layout_constraintBottom_toBottomOf="@+id/question"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="@+id/question"
app:srcCompat="@drawable/ic_plus_small" />
</android.support.constraint.ConstraintLayout>
answer.xml
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#CCEFF5">
<com.hastee.pay.ui.view.Text
android:id="@+id/answer"
style="@style/black_regular_13"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="16dp"
android:layout_marginLeft="32dp"
android:layout_marginRight="20dp"
android:layout_marginTop="16dp"
android:alpha="0.7" />
<View
android:id="@+id/divider"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_gravity="bottom"
android:layout_marginLeft="20dp"
android:layout_marginStart="20dp"
android:background="@color/divider" />
</FrameLayout>
有什么想法吗?
只需从 ConstraintLayout
切换到 RelativeLayout
即可解决。看起来第一个复杂列表的工作不正确。
我在 adapter
中使用两个 ViewType
来显示不同的布局:
case 0:
return new Holder(LayoutInflater.from(parent.getContext()).inflate(R.layout.faq_item, parent, false));
case 2:
return new HolderAnswer(LayoutInflater.from(parent.getContext()).inflate(R.layout.faq_item_answer, parent, false));
default:
return null;
}
默认情况下,每秒 layout
有不可见的 (GONE
) TextView
在第一个项目点击时变为 Visible
如果我将第一个项目设置为固定 height
它工作正常,但有时项目可能包含长文本而不会被看到:
<ConstraintLayout
layout_height="@dimen/..."
...>
....
</ConstraintLayout>
如果我将 height
更改为 wrap_content
,我会看到意想不到的行为:第一个和第二个元素的 height
等于 screen height
,但经过几次滑动后,到列表的开头,高度符合预期尺寸。
我的猜测,这是因为使用了两种视图类型或错误的对齐方式。为 setHasFixedSize()
都尝试了 true/false 以下是布局:
question.xml
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/container_question"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#CCEFF5">
<View
android:id="@+id/indicator"
android:layout_width="3dp"
android:layout_height="20dp"
android:background="#ff008ca5"
android:visibility="invisible"
app:layout_constraintBottom_toBottomOf="@+id/question"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="@+id/question" />
<com.hastee.pay.ui.view.Text
android:id="@+id/question"
style="@style/black_regular_15"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:layout_marginEnd="8dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:layout_marginStart="20dp"
android:layout_marginTop="16dp"
app:infont="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/plus"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0" />
<ImageView
android:id="@+id/plus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="20dp"
app:layout_constraintBottom_toBottomOf="@+id/question"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="@+id/question"
app:srcCompat="@drawable/ic_plus_small" />
</android.support.constraint.ConstraintLayout>
answer.xml
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#CCEFF5">
<com.hastee.pay.ui.view.Text
android:id="@+id/answer"
style="@style/black_regular_13"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="16dp"
android:layout_marginLeft="32dp"
android:layout_marginRight="20dp"
android:layout_marginTop="16dp"
android:alpha="0.7" />
<View
android:id="@+id/divider"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_gravity="bottom"
android:layout_marginLeft="20dp"
android:layout_marginStart="20dp"
android:background="@color/divider" />
</FrameLayout>
有什么想法吗?
只需从 ConstraintLayout
切换到 RelativeLayout
即可解决。看起来第一个复杂列表的工作不正确。