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/top_bar"
24        android:layout_width="match_parent"
25        android:layout_height="101dp"
26        android:background="@color/mock_conversation_top_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="43dp"
36            android:layout_marginBottom="22dp"
37            android:layout_marginStart="@dimen/gesture_tutorial_top_bar_margin_start"
38            android:layout_marginEnd="@dimen/gesture_tutorial_top_bar_margin_end"
39
40            app:cardElevation="0dp"
41            app:cardCornerRadius="4dp"
42            app:cardBackgroundColor="@color/mock_conversation_top_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.cardview.widget.CardView
49            android:layout_width="0dp"
50            android:layout_height="0dp"
51            android:layout_marginTop="43dp"
52            android:layout_marginBottom="22dp"
53            android:layout_marginStart="300dp"
54            android:layout_marginEnd="16dp"
55
56            app:cardElevation="0dp"
57            app:cardCornerRadius="4dp"
58            app:cardBackgroundColor="@color/mock_conversation_top_bar_item"
59            app:layout_constraintDimensionRatio="1:1"
60            app:layout_constraintTop_toTopOf="parent"
61            app:layout_constraintBottom_toBottomOf="parent"
62            app:layout_constraintEnd_toStartOf="@id/top_bar_button"/>
63
64        <androidx.cardview.widget.CardView
65            android:id="@+id/top_bar_button"
66            android:layout_width="0dp"
67            android:layout_height="0dp"
68            android:layout_marginTop="43dp"
69            android:layout_marginBottom="22dp"
70            android:layout_marginStart="300dp"
71            android:layout_marginEnd="24dp"
72
73            app:cardElevation="0dp"
74            app:cardCornerRadius="4dp"
75            app:cardBackgroundColor="@color/mock_conversation_top_bar_item"
76            app:layout_constraintDimensionRatio="1:1"
77            app:layout_constraintTop_toTopOf="parent"
78            app:layout_constraintBottom_toBottomOf="parent"
79            app:layout_constraintEnd_toEndOf="parent"/>
80
81    </androidx.constraintlayout.widget.ConstraintLayout>
82
83    <androidx.constraintlayout.widget.ConstraintLayout
84        android:layout_width="match_parent"
85        android:layout_height="0dp"
86        android:background="@color/mock_conversation_background"
87        android:paddingBottom="@dimen/gesture_tutorial_conversation_bottom_padding"
88
89        app:layout_constraintTop_toBottomOf="@id/top_bar"
90        app:layout_constraintBottom_toBottomOf="parent"
91        app:layout_constraintStart_toStartOf="parent"
92        app:layout_constraintEnd_toEndOf="parent">
93
94        <androidx.constraintlayout.widget.ConstraintLayout
95            android:layout_width="match_parent"
96            android:layout_height="0dp"
97            android:paddingBottom="@dimen/gesture_tutorial_message_input_margin_top"
98
99            app:layout_constraintTop_toTopOf="parent"
100            app:layout_constraintBottom_toTopOf="@id/message_bar"
101            app:layout_constraintStart_toStartOf="parent"
102            app:layout_constraintEnd_toEndOf="parent">
103
104            <androidx.cardview.widget.CardView
105                android:id="@+id/message_1"
106                android:layout_width="0dp"
107                android:layout_height="112dp"
108                android:layout_marginBottom="@dimen/gesture_tutorial_message_large_margin_bottom"
109                android:layout_marginStart="124dp"
110                android:layout_marginEnd="@dimen/gesture_tutorial_message_padding_end"
111                android:visibility="@integer/gesture_tutorial_extra_messages_visibility"
112
113                app:cardElevation="0dp"
114                app:cardCornerRadius="18dp"
115                app:cardBackgroundColor="@color/mock_conversation_sent_message"
116                app:layout_constraintBottom_toTopOf="@id/reply_icon_1"
117                app:layout_constraintStart_toStartOf="parent"
118                app:layout_constraintEnd_toEndOf="parent"/>
119
120            <androidx.cardview.widget.CardView
121                android:id="@+id/reply_icon_1"
122                android:layout_width="@dimen/gesture_tutorial_message_icon_size"
123                android:layout_height="@dimen/gesture_tutorial_message_icon_size"
124                android:layout_marginBottom="@dimen/gesture_tutorial_message_large_margin_bottom"
125                android:layout_marginStart="@dimen/gesture_tutorial_message_padding_start"
126                android:visibility="@integer/gesture_tutorial_extra_messages_visibility"
127
128                app:cardElevation="0dp"
129                app:cardCornerRadius="@dimen/gesture_tutorial_message_icon_corner_radius"
130                app:cardBackgroundColor="@color/mock_conversation_profile_icon"
131                app:layout_constraintDimensionRatio="1:1"
132                app:layout_constraintBottom_toTopOf="@id/message_2"
133                app:layout_constraintStart_toStartOf="parent"/>
134
135            <androidx.cardview.widget.CardView
136                android:layout_width="0dp"
137                android:layout_height="36dp"
138                android:layout_marginStart="17dp"
139                android:layout_marginEnd="112dp"
140                android:visibility="@integer/gesture_tutorial_extra_messages_visibility"
141
142                app:cardElevation="0dp"
143                app:cardCornerRadius="18dp"
144                app:cardBackgroundColor="@color/mock_conversation_received_message"
145                app:layout_constraintTop_toTopOf="@id/reply_icon_1"
146                app:layout_constraintBottom_toBottomOf="@id/reply_icon_1"
147                app:layout_constraintStart_toEndOf="@id/reply_icon_1"
148                app:layout_constraintEnd_toEndOf="parent"/>
149
150            <androidx.cardview.widget.CardView
151                android:id="@+id/message_2"
152                android:layout_width="0dp"
153                android:layout_height="36dp"
154                android:layout_marginBottom="@dimen/gesture_tutorial_message_small_margin_bottom"
155                android:layout_marginStart="280dp"
156                android:layout_marginEnd="@dimen/gesture_tutorial_message_padding_end"
157                android:visibility="@integer/gesture_tutorial_extra_messages_visibility"
158
159                app:cardElevation="0dp"
160                app:cardCornerRadius="18dp"
161                app:cardBackgroundColor="@color/mock_conversation_sent_message"
162                app:layout_constraintBottom_toTopOf="@id/message_3"
163                app:layout_constraintStart_toStartOf="parent"
164                app:layout_constraintEnd_toEndOf="parent"/>
165
166            <androidx.cardview.widget.CardView
167                android:id="@+id/message_3"
168                android:layout_width="0dp"
169                android:layout_height="74dp"
170                android:layout_marginBottom="@dimen/gesture_tutorial_message_large_margin_bottom"
171                android:layout_marginStart="@dimen/gesture_tutorial_message_margin_start"
172                android:layout_marginEnd="@dimen/gesture_tutorial_message_padding_end"
173
174                app:cardElevation="0dp"
175                app:cardCornerRadius="18dp"
176                app:cardBackgroundColor="@color/mock_conversation_sent_message"
177                app:layout_constraintBottom_toTopOf="@id/reply_icon_2"
178                app:layout_constraintStart_toStartOf="parent"
179                app:layout_constraintEnd_toEndOf="parent"/>
180
181            <androidx.cardview.widget.CardView
182                android:id="@+id/reply_icon_2"
183                android:layout_width="@dimen/gesture_tutorial_message_icon_size"
184                android:layout_height="@dimen/gesture_tutorial_message_icon_size"
185                android:layout_marginBottom="@dimen/gesture_tutorial_message_large_margin_bottom"
186                android:layout_marginStart="@dimen/gesture_tutorial_message_padding_start"
187
188                app:cardElevation="0dp"
189                app:cardCornerRadius="@dimen/gesture_tutorial_message_icon_corner_radius"
190                app:cardBackgroundColor="@color/mock_conversation_profile_icon"
191                app:layout_constraintDimensionRatio="1:1"
192                app:layout_constraintBottom_toTopOf="@id/message_4"
193                app:layout_constraintStart_toStartOf="parent"/>
194
195            <androidx.cardview.widget.CardView
196                android:layout_width="0dp"
197                android:layout_height="36dp"
198                android:layout_marginStart="17dp"
199                android:layout_marginEnd="@dimen/gesture_tutorial_reply_margin_end"
200
201                app:cardElevation="0dp"
202                app:cardCornerRadius="18dp"
203                app:cardBackgroundColor="@color/mock_conversation_received_message"
204                app:layout_constraintTop_toTopOf="@id/reply_icon_2"
205                app:layout_constraintBottom_toBottomOf="@id/reply_icon_2"
206                app:layout_constraintStart_toEndOf="@id/reply_icon_2"
207                app:layout_constraintEnd_toEndOf="parent"/>
208
209            <androidx.cardview.widget.CardView
210                android:id="@+id/message_4"
211                android:layout_width="0dp"
212                android:layout_height="74dp"
213                android:layout_marginStart="@dimen/gesture_tutorial_message_margin_start"
214                android:layout_marginEnd="@dimen/gesture_tutorial_message_padding_end"
215
216                app:cardElevation="0dp"
217                app:cardCornerRadius="18dp"
218                app:cardBackgroundColor="@color/mock_conversation_sent_message"
219                app:layout_constraintBottom_toBottomOf="parent"
220                app:layout_constraintStart_toStartOf="parent"
221                app:layout_constraintEnd_toEndOf="parent"/>
222
223        </androidx.constraintlayout.widget.ConstraintLayout>
224
225        <androidx.cardview.widget.CardView
226            android:id="@+id/message_bar"
227            android:layout_width="0dp"
228            android:layout_height="44dp"
229            android:layout_marginTop="36dp"
230            android:layout_marginStart="34dp"
231            android:layout_marginEnd="24dp"
232
233            app:cardElevation="0dp"
234            app:cardCornerRadius="164dp"
235            app:cardBackgroundColor="@color/mock_conversation_message_input"
236            app:layout_constraintBottom_toBottomOf="parent"
237            app:layout_constraintStart_toStartOf="parent"
238            app:layout_constraintEnd_toEndOf="parent" />
239
240    </androidx.constraintlayout.widget.ConstraintLayout>
241
242</androidx.constraintlayout.widget.ConstraintLayout>