Avoiding overlapping content

pull/33/head
ztimms73 5 years ago
parent c71460fcd8
commit e7e9c5fe9f

@ -53,7 +53,7 @@
</com.google.android.material.card.MaterialCardView> </com.google.android.material.card.MaterialCardView>
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/constraintLayout" android:id="@+id/text_container"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="16dp" android:layout_marginTop="16dp"
@ -76,6 +76,19 @@
app:layout_constraintTop_toTopOf="parent" app:layout_constraintTop_toTopOf="parent"
tools:text="@tools:sample/lorem[20]" /> tools:text="@tools:sample/lorem[20]" />
<TextView
android:id="@+id/textView_subtitle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:ellipsize="end"
android:maxLines="2"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@id/textView_title"
app:layout_constraintStart_toStartOf="@id/textView_title"
app:layout_constraintTop_toBottomOf="@id/textView_title"
tools:text="@tools:sample/lorem[20]" />
<TextView <TextView
android:id="@+id/textView_author" android:id="@+id/textView_author"
android:layout_width="0dp" android:layout_width="0dp"
@ -87,8 +100,8 @@
android:textStyle="bold" android:textStyle="bold"
app:layout_constraintEnd_toEndOf="@id/textView_title" app:layout_constraintEnd_toEndOf="@id/textView_title"
app:layout_constraintStart_toStartOf="@id/textView_title" app:layout_constraintStart_toStartOf="@id/textView_title"
app:layout_constraintTop_toBottomOf="@id/textView_title" app:layout_constraintTop_toBottomOf="@id/textView_subtitle"
tools:text="@tools:sample/lorem/random" /> tools:text="@tools:sample/full_names" />
<RatingBar <RatingBar
android:id="@+id/ratingBar" android:id="@+id/ratingBar"
@ -132,7 +145,6 @@
android:drawablePadding="4dp" android:drawablePadding="4dp"
android:padding="4dp" android:padding="4dp"
android:textSize="20sp" android:textSize="20sp"
android:textStyle="bold"
app:drawableEndCompat="@drawable/ic_star_manga_info" app:drawableEndCompat="@drawable/ic_star_manga_info"
tools:text="4.8" /> tools:text="4.8" />
@ -251,7 +263,7 @@
app:chipSpacingVertical="6dp" app:chipSpacingVertical="6dp"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="@+id/guideline2" app:layout_constraintStart_toStartOf="@+id/guideline2"
app:layout_constraintTop_toBottomOf="@+id/constraintLayout" /> app:layout_constraintTop_toBottomOf="@+id/text_container" />
<TextView <TextView
android:id="@+id/desc_header" android:id="@+id/desc_header"

@ -25,7 +25,7 @@
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:orientation="vertical" android:orientation="vertical"
app:layout_constraintGuide_percent="0.30" /> app:layout_constraintGuide_percent="0.35" />
<com.google.android.material.card.MaterialCardView <com.google.android.material.card.MaterialCardView
android:id="@+id/cover_card" android:id="@+id/cover_card"
@ -53,7 +53,7 @@
</com.google.android.material.card.MaterialCardView> </com.google.android.material.card.MaterialCardView>
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/constraintLayout2" android:id="@+id/text_container"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="16dp" android:layout_marginTop="16dp"
@ -76,6 +76,19 @@
app:layout_constraintTop_toTopOf="parent" app:layout_constraintTop_toTopOf="parent"
tools:text="@tools:sample/lorem[20]" /> tools:text="@tools:sample/lorem[20]" />
<TextView
android:id="@+id/textView_subtitle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:ellipsize="end"
android:maxLines="2"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@id/textView_title"
app:layout_constraintStart_toStartOf="@id/textView_title"
app:layout_constraintTop_toBottomOf="@id/textView_title"
tools:text="@tools:sample/lorem[20]" />
<TextView <TextView
android:id="@+id/textView_author" android:id="@+id/textView_author"
android:layout_width="0dp" android:layout_width="0dp"
@ -87,8 +100,8 @@
android:textStyle="bold" android:textStyle="bold"
app:layout_constraintEnd_toEndOf="@id/textView_title" app:layout_constraintEnd_toEndOf="@id/textView_title"
app:layout_constraintStart_toStartOf="@id/textView_title" app:layout_constraintStart_toStartOf="@id/textView_title"
app:layout_constraintTop_toBottomOf="@id/textView_title" app:layout_constraintTop_toBottomOf="@id/textView_subtitle"
tools:text="@tools:sample/lorem/random" /> tools:text="@tools:sample/full_names" />
<RatingBar <RatingBar
android:id="@+id/ratingBar" android:id="@+id/ratingBar"
@ -134,7 +147,6 @@
android:drawablePadding="4dp" android:drawablePadding="4dp"
android:padding="4dp" android:padding="4dp"
android:textSize="20sp" android:textSize="20sp"
android:textStyle="bold"
app:drawableEndCompat="@drawable/ic_star_manga_info" app:drawableEndCompat="@drawable/ic_star_manga_info"
tools:text="4.8" /> tools:text="4.8" />

@ -16,7 +16,6 @@
android:id="@+id/guideline" android:id="@+id/guideline"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="0dp" android:layout_height="0dp"
android:layout_marginTop="8dp"
app:layout_constraintTop_toBottomOf="@+id/cover_card" app:layout_constraintTop_toBottomOf="@+id/cover_card"
tools:ignore="MissingConstraints" /> tools:ignore="MissingConstraints" />
@ -25,7 +24,7 @@
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:orientation="vertical" android:orientation="vertical"
app:layout_constraintGuide_percent="0.35" /> app:layout_constraintGuide_percent="0.36" />
<com.google.android.material.card.MaterialCardView <com.google.android.material.card.MaterialCardView
android:id="@+id/cover_card" android:id="@+id/cover_card"
@ -34,13 +33,12 @@
android:layout_marginStart="16dp" android:layout_marginStart="16dp"
android:layout_marginTop="16dp" android:layout_marginTop="16dp"
android:layout_marginEnd="16dp" android:layout_marginEnd="16dp"
android:layout_marginBottom="16dp"
app:cardCornerRadius="4dp" app:cardCornerRadius="4dp"
app:cardElevation="4dp" app:cardElevation="4dp"
app:layout_constraintDimensionRatio="13:18" app:layout_constraintDimensionRatio="13:18"
app:layout_constraintEnd_toStartOf="@id/guideline2" app:layout_constraintEnd_toStartOf="@id/guideline2"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"> app:layout_constraintTop_toBottomOf="@+id/progressBar">
<ImageView <ImageView
android:id="@+id/imageView_cover" android:id="@+id/imageView_cover"
@ -53,16 +51,16 @@
</com.google.android.material.card.MaterialCardView> </com.google.android.material.card.MaterialCardView>
<androidx.constraintlayout.widget.ConstraintLayout <androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/text_container"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="0dp" android:layout_height="159dp"
android:layout_marginStart="0dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp" android:layout_marginEnd="16dp"
android:layout_marginBottom="16dp" android:layout_marginBottom="8dp"
app:layout_constraintBottom_toTopOf="@+id/guideline" app:layout_constraintBottom_toBottomOf="@+id/cover_card"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="@+id/guideline2" app:layout_constraintStart_toStartOf="@+id/guideline2"
app:layout_constraintTop_toTopOf="parent"> app:layout_constraintTop_toTopOf="@+id/cover_card"
app:layout_constraintVertical_bias="0.0">
<TextView <TextView
android:id="@+id/textView_title" android:id="@+id/textView_title"
@ -76,21 +74,34 @@
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" app:layout_constraintTop_toTopOf="parent"
tools:text="@tools:sample/lorem[20]" /> tools:text="@tools:sample/lorem/random" />
<TextView
android:id="@+id/textView_subtitle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:ellipsize="end"
android:maxLines="2"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@id/textView_title"
app:layout_constraintStart_toStartOf="@+id/textView_title"
app:layout_constraintTop_toBottomOf="@id/textView_title"
tools:text="@tools:sample/lorem/random" />
<TextView <TextView
android:id="@+id/textView_author" android:id="@+id/textView_author"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="4dp" android:layout_marginTop="4dp"
android:maxLines="2"
android:requiresFadingEdge="horizontal" android:requiresFadingEdge="horizontal"
android:singleLine="true"
android:textColor="?colorAccent" android:textColor="?colorAccent"
android:textStyle="bold" android:textStyle="bold"
app:layout_constraintEnd_toEndOf="@id/textView_title" app:layout_constraintEnd_toEndOf="@id/textView_title"
app:layout_constraintStart_toStartOf="@id/textView_title" app:layout_constraintStart_toStartOf="@id/textView_title"
app:layout_constraintTop_toBottomOf="@id/textView_title" app:layout_constraintTop_toBottomOf="@id/textView_subtitle"
tools:text="@tools:sample/lorem/random" /> tools:text="@tools:sample/full_names" />
<RatingBar <RatingBar
android:id="@+id/ratingBar" android:id="@+id/ratingBar"
@ -110,6 +121,7 @@
android:id="@+id/info_layout" android:id="@+id/info_layout"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:baselineAligned="false" android:baselineAligned="false"
android:divider="?android:dividerHorizontal" android:divider="?android:dividerHorizontal"
android:dividerPadding="8dp" android:dividerPadding="8dp"
@ -119,7 +131,7 @@
android:showDividers="middle" android:showDividers="middle"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/guideline"> app:layout_constraintTop_toBottomOf="@+id/text_container">
<LinearLayout <LinearLayout
android:id="@+id/rating_container" android:id="@+id/rating_container"
@ -136,7 +148,6 @@
android:drawablePadding="4dp" android:drawablePadding="4dp"
android:padding="4dp" android:padding="4dp"
android:textSize="20sp" android:textSize="20sp"
android:textStyle="bold"
app:drawableEndCompat="@drawable/ic_star_manga_info" app:drawableEndCompat="@drawable/ic_star_manga_info"
tools:text="4.8" /> tools:text="4.8" />

Loading…
Cancel
Save