|
4 | 4 | xmlns:tools="http://schemas.android.com/tools" |
5 | 5 | android:layout_width="match_parent" |
6 | 6 | android:layout_height="match_parent" |
7 | | - android:paddingStart="@dimen/margin_extra_extra_medium_large" |
| 7 | + android:background="@color/jetpack_powered_bottom_sheet_background" |
8 | 8 | android:paddingEnd="@dimen/margin_extra_extra_medium_large" |
9 | | - android:background="@color/jetpack_powered_bottom_sheet_background"> |
| 9 | + android:paddingStart="@dimen/margin_extra_extra_medium_large"> |
10 | 10 |
|
11 | 11 | <include |
12 | 12 | android:id="@+id/handle" |
|
18 | 18 | app:layout_constraintStart_toStartOf="parent" |
19 | 19 | app:layout_constraintTop_toTopOf="parent" /> |
20 | 20 |
|
| 21 | + <androidx.constraintlayout.widget.Barrier |
| 22 | + android:id="@+id/topBarrier" |
| 23 | + android:layout_width="wrap_content" |
| 24 | + android:layout_height="wrap_content" |
| 25 | + app:barrierDirection="top" |
| 26 | + app:constraint_referenced_ids="illustration_view" |
| 27 | + app:layout_constraintEnd_toEndOf="parent" |
| 28 | + app:layout_constraintStart_toStartOf="parent" |
| 29 | + app:layout_constraintTop_toBottomOf="@id/handle" /> |
| 30 | + |
21 | 31 | <com.airbnb.lottie.LottieAnimationView |
22 | 32 | android:id="@+id/illustration_view" |
23 | 33 | android:layout_width="wrap_content" |
24 | 34 | android:layout_height="wrap_content" |
25 | | - android:layout_marginTop="@dimen/margin_64dp" |
26 | 35 | android:scaleType="centerCrop" |
27 | | - app:layout_constraintTop_toBottomOf="@id/handle" |
| 36 | + app:layout_constraintBottom_toTopOf="@id/title" |
28 | 37 | app:layout_constraintStart_toStartOf="parent" |
29 | | - app:layout_constraintBottom_toBottomOf="@id/title" |
30 | | - app:lottie_rawRes="@raw/wp2jp" |
31 | | - app:lottie_enableMergePathsForKitKatAndAbove="true" |
| 38 | + app:layout_constraintTop_toBottomOf="@id/topBarrier" |
32 | 39 | app:lottie_autoPlay="true" |
33 | | - app:lottie_loop="false" /> |
| 40 | + app:lottie_enableMergePathsForKitKatAndAbove="true" |
| 41 | + app:lottie_loop="false" |
| 42 | + app:lottie_rawRes="@raw/wp2jp" /> |
34 | 43 |
|
35 | 44 | <TextView |
36 | 45 | android:id="@+id/title" |
|
40 | 49 | android:layout_marginTop="@dimen/margin_extra_medium_large" |
41 | 50 | android:text="@string/wp_jetpack_powered_reader_powered_by_jetpack" |
42 | 51 | android:textFontWeight="700" |
43 | | - app:layout_constraintTop_toBottomOf="@id/illustration_view" |
44 | | - app:layout_constraintStart_toStartOf="parent" |
45 | 52 | app:layout_constraintEnd_toEndOf="parent" |
| 53 | + app:layout_constraintStart_toStartOf="parent" |
| 54 | + app:layout_constraintTop_toBottomOf="@id/illustration_view" |
46 | 55 | tools:targetApi="p" /> |
47 | 56 |
|
48 | 57 | <TextView |
49 | 58 | android:id="@+id/caption" |
50 | 59 | style="?attr/textAppearanceBody1" |
51 | | - android:text="@string/wp_jetpack_powered_reader_powered_by_jetpack_caption" |
52 | 60 | android:layout_width="match_parent" |
53 | 61 | android:layout_height="wrap_content" |
54 | 62 | android:layout_marginTop="@dimen/margin_extra_medium_large" |
55 | | - app:layout_constraintTop_toBottomOf="@id/title" |
| 63 | + android:layout_marginBottom="@dimen/margin_theme_browser_top" |
| 64 | + android:text="@string/wp_jetpack_powered_reader_powered_by_jetpack_caption" |
| 65 | + app:layout_constraintBottom_toTopOf="@id/bottomBarrier" |
| 66 | + app:layout_constraintEnd_toEndOf="parent" |
56 | 67 | app:layout_constraintStart_toStartOf="parent" |
57 | | - app:layout_constraintEnd_toEndOf="parent"/> |
| 68 | + app:layout_constraintTop_toBottomOf="@id/title" |
| 69 | + app:layout_constraintVertical_bias="0.0" /> |
| 70 | + |
| 71 | + <androidx.constraintlayout.widget.Barrier |
| 72 | + android:id="@+id/bottomBarrier" |
| 73 | + android:layout_width="wrap_content" |
| 74 | + android:layout_height="wrap_content" |
| 75 | + app:barrierDirection="top" |
| 76 | + app:constraint_referenced_ids="primary_button" |
| 77 | + app:layout_constraintBottom_toTopOf="@id/primary_button" |
| 78 | + app:layout_constraintEnd_toEndOf="parent" |
| 79 | + app:layout_constraintStart_toStartOf="parent" /> |
58 | 80 |
|
59 | 81 | <com.google.android.material.button.MaterialButton |
60 | 82 | android:id="@+id/primary_button" |
61 | 83 | android:layout_width="match_parent" |
62 | 84 | android:layout_height="wrap_content" |
63 | | - android:layout_marginTop="@dimen/margin_200dp" |
64 | 85 | android:backgroundTint="@color/jetpack_green_40" |
65 | 86 | android:gravity="center" |
66 | 87 | android:minHeight="@dimen/margin_64dp" |
67 | | - app:cornerRadius="@dimen/margin_small_medium" |
68 | 88 | android:text="@string/wp_jetpack_get_new_jetpack_app" |
69 | 89 | android:textAppearance="?attr/textAppearanceSubtitle2" |
70 | 90 | android:textColor="?attr/colorOnSecondary" |
71 | | - app:layout_constraintTop_toBottomOf="@id/caption" |
| 91 | + app:cornerRadius="@dimen/margin_small_medium" |
| 92 | + app:layout_constraintBottom_toTopOf="@id/secondary_button" |
72 | 93 | app:layout_constraintEnd_toEndOf="parent" |
73 | | - app:layout_constraintStart_toStartOf="parent" |
74 | | - app:layout_constraintBottom_toTopOf="@id/secondary_button"/> |
| 94 | + app:layout_constraintStart_toStartOf="parent" /> |
75 | 95 |
|
76 | 96 | <com.google.android.material.button.MaterialButton |
77 | 97 | android:id="@+id/secondary_button" |
|
82 | 102 | android:layout_marginBottom="@dimen/margin_64dp" |
83 | 103 | android:gravity="center" |
84 | 104 | android:minHeight="@dimen/margin_extra_extra_large" |
85 | | - android:textAppearance="?attr/textAppearanceSubtitle2" |
86 | 105 | android:textAllCaps="false" |
| 106 | + android:textAppearance="?attr/textAppearanceSubtitle2" |
87 | 107 | android:textColor="@color/jetpack_green" |
88 | | - app:layout_constraintTop_toBottomOf="@id/primary_button" |
89 | 108 | app:layout_constraintBottom_toBottomOf="parent" |
90 | 109 | app:layout_constraintEnd_toEndOf="parent" |
91 | 110 | app:layout_constraintStart_toStartOf="parent" |
|
0 commit comments