1<?xml version="1.0" encoding="utf-8"?>
2<!-- Copyright (C) 2021 The Android Open Source Project
3
4     Licensed under the Apache License, Version 2.0 (the "License");
5     you may not use this file except in compliance with the License.
6     You may obtain a copy of the License at
7
8          http://www.apache.org/licenses/LICENSE-2.0
9
10     Unless required by applicable law or agreed to in writing, software
11     distributed under the License is distributed on an "AS IS" BASIS,
12     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13     See the License for the specific language governing permissions and
14     limitations under the License.
15-->
16<androidx.constraintlayout.widget.ConstraintLayout
17    xmlns:android="http://schemas.android.com/apk/res/android"
18    xmlns:app="http://schemas.android.com/apk/res-auto"
19    android:layout_width="match_parent"
20    android:layout_height="match_parent">
21
22    <androidx.constraintlayout.widget.ConstraintLayout
23        android:id="@+id/url_bar"
24        android:layout_width="match_parent"
25        android:layout_height="101dp"
26        android:background="@color/mock_webpage_url_bar"
27
28        app:layout_constraintTop_toTopOf="parent"
29        app:layout_constraintStart_toStartOf="parent"
30        app:layout_constraintEnd_toEndOf="parent">
31
32        <androidx.cardview.widget.CardView
33            android:layout_width="0dp"
34            android:layout_height="0dp"
35            android:layout_marginTop="48dp"
36            android:layout_marginBottom="16dp"
37            android:layout_marginStart="@dimen/gesture_tutorial_webpage_url_margin_start_end"
38            android:layout_marginEnd="@dimen/gesture_tutorial_webpage_url_margin_start_end"
39
40            app:cardElevation="0dp"
41            app:cardCornerRadius="100dp"
42            app:cardBackgroundColor="@color/mock_webpage_url_bar_item"
43            app:layout_constraintTop_toTopOf="parent"
44            app:layout_constraintBottom_toBottomOf="parent"
45            app:layout_constraintStart_toStartOf="parent"
46            app:layout_constraintEnd_toEndOf="parent"/>
47
48    </androidx.constraintlayout.widget.ConstraintLayout>
49
50    <androidx.constraintlayout.widget.ConstraintLayout
51        android:id="@+id/top_bar"
52        android:layout_width="match_parent"
53        android:layout_height="88dp"
54        android:background="@color/mock_webpage_top_bar"
55
56        app:layout_constraintTop_toBottomOf="@id/url_bar"
57        app:layout_constraintStart_toStartOf="parent"
58        app:layout_constraintEnd_toEndOf="parent">
59
60        <androidx.cardview.widget.CardView
61            android:id="@+id/top_bar_button"
62            android:layout_width="0dp"
63            android:layout_height="0dp"
64            android:layout_marginTop="22dp"
65            android:layout_marginBottom="22dp"
66            android:layout_marginStart="@dimen/gesture_tutorial_webpage_top_bar_button_margin_start"
67
68            app:cardElevation="0dp"
69            app:cardCornerRadius="8dp"
70            app:cardBackgroundColor="@color/mock_webpage_top_bar_item"
71            app:layout_constraintDimensionRatio="1:1"
72            app:layout_constraintTop_toTopOf="parent"
73            app:layout_constraintBottom_toBottomOf="parent"
74            app:layout_constraintStart_toStartOf="parent"/>
75
76        <androidx.cardview.widget.CardView
77            android:layout_width="0dp"
78            android:layout_height="0dp"
79            android:layout_marginTop="28dp"
80            android:layout_marginBottom="28dp"
81            android:layout_marginStart="@dimen/gesture_tutorial_webpage_top_bar_margin_start"
82            android:layout_marginEnd="@dimen/gesture_tutorial_webpage_top_bar_margin_end"
83
84            app:cardElevation="0dp"
85            app:cardCornerRadius="2dp"
86            app:cardBackgroundColor="@color/mock_webpage_top_bar_item"
87            app:layout_constraintTop_toTopOf="parent"
88            app:layout_constraintBottom_toBottomOf="parent"
89            app:layout_constraintStart_toStartOf="parent"
90            app:layout_constraintEnd_toEndOf="parent"/>
91
92    </androidx.constraintlayout.widget.ConstraintLayout>
93
94    <androidx.constraintlayout.widget.ConstraintLayout
95        android:layout_width="match_parent"
96        android:layout_height="0dp"
97        android:background="@color/mock_webpage_background"
98        android:paddingTop="@dimen/gesture_tutorial_webpage_padding_top"
99        android:paddingStart="24dp"
100
101        app:layout_constraintTop_toBottomOf="@id/top_bar"
102        app:layout_constraintBottom_toBottomOf="parent"
103        app:layout_constraintStart_toStartOf="parent"
104        app:layout_constraintEnd_toEndOf="parent">
105
106        <androidx.cardview.widget.CardView
107            android:id="@+id/mock_line_1"
108            android:layout_width="0dp"
109            android:layout_height="@dimen/gesture_tutorial_webpage_large_line_height"
110            android:layout_marginEnd="@dimen/gesture_tutorial_webpage_line_1_margin_end"
111
112            app:cardElevation="0dp"
113            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_small_corner_radius"
114            app:cardBackgroundColor="@color/mock_webpage_page_text"
115            app:layout_constraintTop_toTopOf="parent"
116            app:layout_constraintStart_toStartOf="parent"
117            app:layout_constraintEnd_toEndOf="parent"/>
118
119        <androidx.cardview.widget.CardView
120            android:id="@+id/mock_line_2"
121            android:layout_width="0dp"
122            android:layout_height="@dimen/gesture_tutorial_webpage_large_line_height"
123            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
124            android:layout_marginEnd="@dimen/gesture_tutorial_webpage_line_2_margin_end"
125
126            app:cardElevation="0dp"
127            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_small_corner_radius"
128            app:cardBackgroundColor="@color/mock_webpage_page_text"
129            app:layout_constraintTop_toBottomOf="@id/mock_line_1"
130            app:layout_constraintStart_toStartOf="parent"
131            app:layout_constraintEnd_toEndOf="parent"/>
132
133        <androidx.cardview.widget.CardView
134            android:id="@+id/mock_line_3"
135            android:layout_width="0dp"
136            android:layout_height="@dimen/gesture_tutorial_webpage_large_line_height"
137            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
138            android:layout_marginEnd="@dimen/gesture_tutorial_webpage_line_3_margin_end"
139
140            app:cardElevation="0dp"
141            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_small_corner_radius"
142            app:cardBackgroundColor="@color/mock_webpage_page_text"
143            app:layout_constraintTop_toBottomOf="@id/mock_line_2"
144            app:layout_constraintStart_toStartOf="parent"
145            app:layout_constraintEnd_toEndOf="parent"/>
146
147        <androidx.cardview.widget.CardView
148            android:id="@+id/mock_button"
149            android:layout_width="47dp"
150            android:layout_height="12dp"
151            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
152
153            app:cardElevation="0dp"
154            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_small_corner_radius"
155            app:cardBackgroundColor="@color/mock_webpage_page_text"
156            app:layout_constraintTop_toBottomOf="@id/mock_line_3"
157            app:layout_constraintStart_toStartOf="parent"/>
158
159        <androidx.cardview.widget.CardView
160            android:layout_width="47dp"
161            android:layout_height="12dp"
162            android:background="@color/mock_webpage_page_text"
163            android:layout_marginStart="11dp"
164            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
165
166            app:cardElevation="0dp"
167            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_small_corner_radius"
168            app:cardBackgroundColor="@color/mock_webpage_page_text"
169            app:layout_constraintTop_toBottomOf="@id/mock_line_3"
170            app:layout_constraintStart_toEndOf="@id/mock_button"/>
171
172        <androidx.cardview.widget.CardView
173            android:id="@+id/mock_block"
174            android:layout_width="0dp"
175            android:layout_height="240dp"
176            android:layout_marginTop="@dimen/gesture_tutorial_webpage_large_margin_top"
177            android:layout_marginEnd="@dimen/gesture_tutorial_webpage_block_margin_end"
178
179            app:cardElevation="0dp"
180            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_large_corner_radius"
181            app:cardBackgroundColor="@color/mock_webpage_page_text"
182            app:layout_constraintTop_toBottomOf="@id/mock_button"
183            app:layout_constraintStart_toStartOf="parent"
184            app:layout_constraintEnd_toEndOf="parent"/>
185
186        <androidx.cardview.widget.CardView
187            android:id="@+id/mock_line_4"
188            android:layout_width="0dp"
189            android:layout_height="@dimen/gesture_tutorial_webpage_small_line_height"
190            android:layout_marginTop="@dimen/gesture_tutorial_webpage_large_margin_top"
191            android:layout_marginEnd="52dp"
192            android:visibility="@integer/gesture_tutorial_webpage_extra_lines_visibility"
193
194            app:cardElevation="0dp"
195            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
196            app:cardBackgroundColor="@color/mock_webpage_page_text"
197            app:layout_constraintTop_toBottomOf="@id/mock_block"
198            app:layout_constraintStart_toStartOf="parent"
199            app:layout_constraintEnd_toEndOf="parent"/>
200
201        <androidx.cardview.widget.CardView
202            android:id="@+id/mock_line_5"
203            android:layout_width="0dp"
204            android:layout_height="@dimen/gesture_tutorial_webpage_small_line_height"
205            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
206            android:layout_marginEnd="41dp"
207            android:visibility="@integer/gesture_tutorial_webpage_extra_lines_visibility"
208
209            app:cardElevation="0dp"
210            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
211            app:cardBackgroundColor="@color/mock_webpage_page_text"
212            app:layout_constraintTop_toBottomOf="@id/mock_line_4"
213            app:layout_constraintStart_toStartOf="parent"
214            app:layout_constraintEnd_toEndOf="parent"/>
215
216        <androidx.cardview.widget.CardView
217            android:id="@+id/mock_line_6"
218            android:layout_width="0dp"
219            android:layout_height="@dimen/gesture_tutorial_webpage_small_line_height"
220            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
221            android:layout_marginEnd="71dp"
222            android:visibility="@integer/gesture_tutorial_webpage_extra_lines_visibility"
223
224            app:cardElevation="0dp"
225            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
226            app:cardBackgroundColor="@color/mock_webpage_page_text"
227            app:layout_constraintTop_toBottomOf="@id/mock_line_5"
228            app:layout_constraintStart_toStartOf="parent"
229            app:layout_constraintEnd_toEndOf="parent"/>
230
231        <androidx.cardview.widget.CardView
232            android:id="@+id/mock_line_7"
233            android:layout_width="0dp"
234            android:layout_height="@dimen/gesture_tutorial_webpage_small_line_height"
235            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
236            android:layout_marginEnd="198dp"
237            android:visibility="@integer/gesture_tutorial_webpage_extra_lines_visibility"
238
239            app:cardElevation="0dp"
240            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
241            app:cardBackgroundColor="@color/mock_webpage_page_text"
242            app:layout_constraintTop_toBottomOf="@id/mock_line_6"
243            app:layout_constraintStart_toStartOf="parent"
244            app:layout_constraintEnd_toEndOf="parent"/>
245
246        <androidx.cardview.widget.CardView
247            android:id="@+id/mock_line_8"
248            android:layout_width="0dp"
249            android:layout_height="@dimen/gesture_tutorial_webpage_small_line_height"
250            android:layout_marginTop="@dimen/gesture_tutorial_webpage_large_margin_top"
251            android:layout_marginEnd="64dp"
252            android:visibility="@integer/gesture_tutorial_webpage_extra_lines_visibility"
253
254            app:cardElevation="0dp"
255            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
256            app:cardBackgroundColor="@color/mock_webpage_page_text"
257            app:layout_constraintTop_toBottomOf="@id/mock_line_7"
258            app:layout_constraintStart_toStartOf="parent"
259            app:layout_constraintEnd_toEndOf="parent"/>
260
261        <androidx.cardview.widget.CardView
262            android:layout_width="0dp"
263            android:layout_height="@dimen/gesture_tutorial_webpage_small_line_height"
264            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
265            android:layout_marginEnd="71dp"
266            android:visibility="@integer/gesture_tutorial_webpage_extra_lines_visibility"
267
268            app:cardElevation="0dp"
269            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
270            app:cardBackgroundColor="@color/mock_webpage_page_text"
271            app:layout_constraintTop_toBottomOf="@id/mock_line_8"
272            app:layout_constraintStart_toStartOf="parent"
273            app:layout_constraintEnd_toEndOf="parent"/>
274
275    </androidx.constraintlayout.widget.ConstraintLayout>
276
277</androidx.constraintlayout.widget.ConstraintLayout>