Android 中 RecyclerView 的 Textview AutoSizing
Textview AutoSizing of RecyclerView in Android
我在滚动 RecyclerView 时遇到了奇怪的经历。
RecyclerView 的项目有一个 item_layout。
项目布局 xml 由 3 个 Textview 和 1 个 ConstraintLayout 组成。
根视图是 ConstriantLayout。
请检查这张图片。
所有 TextView 的 layout_height 是 wrap_content 和 layout_width 是 0dp(match_constraint) 但基本上当视图的 layout_height 是 wrap_content。
所以每次我滚动 RecyclerView 时,TextView3 的字符都会变小,然后回到 maxSize。
所以我将 TextView3 的 layout_height 更改为 0dp(match_constrarint)。它工作正常。
但我问的原因是 TextView1 和 TextView2 工作正常,即使它们仍然有 wrap_content。
它是如何工作的???
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:textSize="@dimen/detail_txt_title"
app:autoSizeMaxTextSize="@dimen/detail_txt_title"
app:autoSizeMinTextSize="@dimen/detail_txt_summary"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toTopOf="@id/TextView2"
app:layout_constraintRight_toLeftOf="@id/TextView3"
app:layout_constraintHorizontal_weight="2.1"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:textColor="@color/black"
android:textSize="@dimen/detail_txt_title_small"
app:autoSizeMaxTextSize="@dimen/detail_txt_title_small"
app:autoSizeMinTextSize="@dimen/detail_txt_summary"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="@id/textView1"
app:layout_constraintLeft_toLeftOf="@id/textView1"
app:layout_constraintTop_toBottomOf="@id/textView1" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textview3"
android:layout_width="0dp"
android:layout_height="0dp"
android:gravity="center"
android:maxLines="1"
android:textColor="@color/daily_history_text_black"
android:textSize="@dimen/detail_txt_title"
app:autoSizeMaxTextSize="@dimen/detail_txt_title"
app:autoSizeMinTextSize="@dimen/detail_txt_summary"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintHorizontal_weight="2.1"
app:layout_constraintLeft_toRightOf="@id/textview1"
app:layout_constraintTop_toTopOf="parent" />
看到这个: autoSize
文本在与 wrap_content
一起使用时产生不一致的结果似乎是正常的,它正在工作的事实只是这些不一致之一。
您的错误仅在于文本视图的名称,这里是您问题的解决方法:
<?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_width="match_parent"
android:layout_height="wrap_content"
>
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toTopOf="@id/textView2"
app:layout_constraintRight_toLeftOf="@id/textview3"
app:layout_constraintHorizontal_weight="2.1"
android:text="textView1"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:textColor="@color/black"
app:autoSizeTextType="uniform"
android:text="textView2"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="@id/textView1"
app:layout_constraintLeft_toLeftOf="@id/textView1"
app:layout_constraintTop_toBottomOf="@id/textView1" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textview3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:text="textView3"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintHorizontal_weight="2.1"
app:layout_constraintLeft_toRightOf="@id/textView1"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
或者你可以这样使用:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
tools:context=".MainActivity"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toTopOf="@id/textView2"
app:layout_constraintRight_toLeftOf="@id/textview3"
app:layout_constraintHorizontal_weight="2.1"
android:text="textView1"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:textColor="@color/black"
app:autoSizeTextType="uniform"
android:text="textView2"
/>
</LinearLayout>
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textview3"
android:layout_weight="1"
android:layout_gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:text="textView3"
app:autoSizeTextType="uniform"
/>
</LinearLayout>
我在滚动 RecyclerView 时遇到了奇怪的经历。 RecyclerView 的项目有一个 item_layout。 项目布局 xml 由 3 个 Textview 和 1 个 ConstraintLayout 组成。 根视图是 ConstriantLayout。
请检查这张图片。
所有 TextView 的 layout_height 是 wrap_content 和 layout_width 是 0dp(match_constraint) 但基本上当视图的 layout_height 是 wrap_content。 所以每次我滚动 RecyclerView 时,TextView3 的字符都会变小,然后回到 maxSize。 所以我将 TextView3 的 layout_height 更改为 0dp(match_constrarint)。它工作正常。 但我问的原因是 TextView1 和 TextView2 工作正常,即使它们仍然有 wrap_content。 它是如何工作的???
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:textSize="@dimen/detail_txt_title"
app:autoSizeMaxTextSize="@dimen/detail_txt_title"
app:autoSizeMinTextSize="@dimen/detail_txt_summary"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toTopOf="@id/TextView2"
app:layout_constraintRight_toLeftOf="@id/TextView3"
app:layout_constraintHorizontal_weight="2.1"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:textColor="@color/black"
android:textSize="@dimen/detail_txt_title_small"
app:autoSizeMaxTextSize="@dimen/detail_txt_title_small"
app:autoSizeMinTextSize="@dimen/detail_txt_summary"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="@id/textView1"
app:layout_constraintLeft_toLeftOf="@id/textView1"
app:layout_constraintTop_toBottomOf="@id/textView1" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textview3"
android:layout_width="0dp"
android:layout_height="0dp"
android:gravity="center"
android:maxLines="1"
android:textColor="@color/daily_history_text_black"
android:textSize="@dimen/detail_txt_title"
app:autoSizeMaxTextSize="@dimen/detail_txt_title"
app:autoSizeMinTextSize="@dimen/detail_txt_summary"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintHorizontal_weight="2.1"
app:layout_constraintLeft_toRightOf="@id/textview1"
app:layout_constraintTop_toTopOf="parent" />
看到这个:autoSize
文本在与 wrap_content
一起使用时产生不一致的结果似乎是正常的,它正在工作的事实只是这些不一致之一。
您的错误仅在于文本视图的名称,这里是您问题的解决方法:
<?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_width="match_parent"
android:layout_height="wrap_content"
>
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toTopOf="@id/textView2"
app:layout_constraintRight_toLeftOf="@id/textview3"
app:layout_constraintHorizontal_weight="2.1"
android:text="textView1"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:textColor="@color/black"
app:autoSizeTextType="uniform"
android:text="textView2"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="@id/textView1"
app:layout_constraintLeft_toLeftOf="@id/textView1"
app:layout_constraintTop_toBottomOf="@id/textView1" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textview3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:text="textView3"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintHorizontal_weight="2.1"
app:layout_constraintLeft_toRightOf="@id/textView1"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
或者你可以这样使用:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
tools:context=".MainActivity"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
app:autoSizeTextType="uniform"
app:layout_constraintBottom_toTopOf="@id/textView2"
app:layout_constraintRight_toLeftOf="@id/textview3"
app:layout_constraintHorizontal_weight="2.1"
android:text="textView1"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:textColor="@color/black"
app:autoSizeTextType="uniform"
android:text="textView2"
/>
</LinearLayout>
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textview3"
android:layout_weight="1"
android:layout_gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:maxLines="1"
android:text="textView3"
app:autoSizeTextType="uniform"
/>
</LinearLayout>