J'ai cette mise en page pour un RecyclerView (élément standard omis):
The Lord of The Rings: 2001 The FellowShip of the Ring MIB 1997
Mais quand j'ajoute des titres très longs et très courts, j'obtiens ceci:
Les lignes colorées indiquent que chaque ligne a la distance exacte entre
startOfParent-startOf1-endOf1-startOf2-endOf2-endOfParent
.
Comment puis-je séparer ces textViews en 2 colonnes de largeur constante et lorsque le titre est plus grand, le diviser en plusieurs lignes?
Quelque chose comme
<androidx.constraintlayout.ConstraintLayout android:layout_width="match_parent" android:layout_height="wrap_content" <TextView android:id="@+id/id_tv_movie_name" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintEnd_toStartOf="@+id/id_tv_movie_release_year" app:layout_constraintStart_toStartOf="parent" /> <TextView android:id="@+id/id_tv_movie_release_year" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toEndOf="@+id/id_tv_movie_name" /> </androidx.constraintlayout.ConstraintLayout>
3 Réponses :
Le moyen le plus simple de diviser l'élément afin que chaque TextView
consomme une largeur constante est de spécifier layout_constraintWidth_percent
comme ceci pour 50% de la largeur:
<androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:id="@+id/id_tv_movie_name" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginStart="8dp" android:layout_marginTop="8dp" android:layout_marginBottom="8dp" android:gravity="center" android:text="A Very, Very, Very, Very, Very, Very, Very, Very, Very Long Movie Title" android:textAppearance="@style/TextAppearance.AppCompat.Body2" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toStartOf="@+id/id_tv_movie_release_year" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintWidth_percent="0.7" /> <TextView android:id="@+id/id_tv_movie_release_year" android:layout_width="0dp" android:layout_height="0dp" android:layout_marginTop="8dp" android:layout_marginEnd="8dp" android:layout_marginBottom="8dp" android:gravity="end" android:text="2002" android:textAppearance="@style/TextAppearance.AppCompat.Body2" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintWidth_percent="0.3" /> </androidx.constraintlayout.widget.ConstraintLayout>
vous pouvez faire comme ci-dessous
<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.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="match_parent"> <TextView android:id="@+id/textView3" android:layout_width="0dp" android:layout_height="wrap_content" android:gravity="center" android:text="Title asdf asdf asdg asgasdg asdfg" android:textAppearance="?android:textAppearanceLarge" app:layout_constraintEnd_toStartOf="@+id/text" app:layout_constraintHorizontal_bias="0.5" app:layout_constraintHorizontal_chainStyle="spread" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" tools:layout_editor_absoluteY="66dp" /> <TextView android:id="@+id/text" android:layout_width="0dp" android:layout_height="wrap_content" android:gravity="center" android:text="2015" android:textAppearance="?android:textAppearanceLarge" app:layout_constraintBottom_toBottomOf="@+id/textView3" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toEndOf="@+id/textView3" app:layout_constraintTop_toTopOf="@+id/textView3" /> </android.support.constraint.ConstraintLayout>
Une autre option simple que vous pouvez utiliser est chains :
<androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_parent"> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="8dp" android:text="Button" app:layout_constraintEnd_toStartOf="@+id/button2" app:layout_constraintHorizontal_bias="0.5" app:layout_constraintHorizontal_chainStyle="spread" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="8dp" android:text="Button" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.5" app:layout_constraintStart_toEndOf="@+id/button" app:layout_constraintTop_toTopOf="parent" /> </androidx.constraintlayout.widget.ConstraintLayout>
developer.android.com/guide/topics/ui/layout/grid pourrait être utile (
TableLayout
)!