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="16dp"
38            android:layout_marginEnd="16dp"
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="24dp"
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="97dp"
82            android:layout_marginEnd="97dp"
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="126dp"
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="64dp"
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="151dp"
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="24dp"
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
193            app:cardElevation="0dp"
194            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
195            app:cardBackgroundColor="@color/mock_webpage_page_text"
196            app:layout_constraintTop_toBottomOf="@id/mock_block"
197            app:layout_constraintStart_toStartOf="parent"
198            app:layout_constraintEnd_toEndOf="parent"/>
199
200        <androidx.cardview.widget.CardView
201            android:id="@+id/mock_line_5"
202            android:layout_width="0dp"
203            android:layout_height="@dimen/gesture_tutorial_webpage_small_line_height"
204            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
205            android:layout_marginEnd="41dp"
206
207            app:cardElevation="0dp"
208            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
209            app:cardBackgroundColor="@color/mock_webpage_page_text"
210            app:layout_constraintTop_toBottomOf="@id/mock_line_4"
211            app:layout_constraintStart_toStartOf="parent"
212            app:layout_constraintEnd_toEndOf="parent"/>
213
214        <androidx.cardview.widget.CardView
215            android:id="@+id/mock_line_6"
216            android:layout_width="0dp"
217            android:layout_height="@dimen/gesture_tutorial_webpage_small_line_height"
218            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
219            android:layout_marginEnd="71dp"
220
221            app:cardElevation="0dp"
222            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
223            app:cardBackgroundColor="@color/mock_webpage_page_text"
224            app:layout_constraintTop_toBottomOf="@id/mock_line_5"
225            app:layout_constraintStart_toStartOf="parent"
226            app:layout_constraintEnd_toEndOf="parent"/>
227
228        <androidx.cardview.widget.CardView
229            android:id="@+id/mock_line_7"
230            android:layout_width="0dp"
231            android:layout_height="@dimen/gesture_tutorial_webpage_small_line_height"
232            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
233            android:layout_marginEnd="198dp"
234
235            app:cardElevation="0dp"
236            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
237            app:cardBackgroundColor="@color/mock_webpage_page_text"
238            app:layout_constraintTop_toBottomOf="@id/mock_line_6"
239            app:layout_constraintStart_toStartOf="parent"
240            app:layout_constraintEnd_toEndOf="parent"/>
241
242        <androidx.cardview.widget.CardView
243            android:id="@+id/mock_line_8"
244            android:layout_width="0dp"
245            android:layout_height="@dimen/gesture_tutorial_webpage_small_line_height"
246            android:layout_marginTop="@dimen/gesture_tutorial_webpage_large_margin_top"
247            android:layout_marginEnd="64dp"
248
249            app:cardElevation="0dp"
250            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
251            app:cardBackgroundColor="@color/mock_webpage_page_text"
252            app:layout_constraintTop_toBottomOf="@id/mock_line_7"
253            app:layout_constraintStart_toStartOf="parent"
254            app:layout_constraintEnd_toEndOf="parent"/>
255
256        <androidx.cardview.widget.CardView
257            android:layout_width="0dp"
258            android:layout_height="@dimen/gesture_tutorial_webpage_small_line_height"
259            android:layout_marginTop="@dimen/gesture_tutorial_webpage_small_margin_top"
260            android:layout_marginEnd="71dp"
261
262            app:cardElevation="0dp"
263            app:cardCornerRadius="@dimen/gesture_tutorial_webpage_medium_corner_radius"
264            app:cardBackgroundColor="@color/mock_webpage_page_text"
265            app:layout_constraintTop_toBottomOf="@id/mock_line_8"
266            app:layout_constraintStart_toStartOf="parent"
267            app:layout_constraintEnd_toEndOf="parent"/>
268
269    </androidx.constraintlayout.widget.ConstraintLayout>
270
271</androidx.constraintlayout.widget.ConstraintLayout>