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="34dp"
38            android:layout_marginEnd="211dp"
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="66dp"
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
112                app:cardElevation="0dp"
113                app:cardCornerRadius="18dp"
114                app:cardBackgroundColor="@color/mock_conversation_sent_message"
115                app:layout_constraintBottom_toTopOf="@id/reply_icon_1"
116                app:layout_constraintStart_toStartOf="parent"
117                app:layout_constraintEnd_toEndOf="parent"/>
118
119            <androidx.cardview.widget.CardView
120                android:id="@+id/reply_icon_1"
121                android:layout_width="@dimen/gesture_tutorial_message_icon_size"
122                android:layout_height="@dimen/gesture_tutorial_message_icon_size"
123                android:layout_marginBottom="@dimen/gesture_tutorial_message_large_margin_bottom"
124                android:layout_marginStart="@dimen/gesture_tutorial_message_padding_start"
125
126                app:cardElevation="0dp"
127                app:cardCornerRadius="@dimen/gesture_tutorial_message_icon_corner_radius"
128                app:cardBackgroundColor="@color/mock_conversation_profile_icon"
129                app:layout_constraintDimensionRatio="1:1"
130                app:layout_constraintBottom_toTopOf="@id/message_2"
131                app:layout_constraintStart_toStartOf="parent"/>
132
133            <androidx.cardview.widget.CardView
134                android:layout_width="0dp"
135                android:layout_height="36dp"
136                android:layout_marginStart="17dp"
137                android:layout_marginEnd="112dp"
138
139                app:cardElevation="0dp"
140                app:cardCornerRadius="18dp"
141                app:cardBackgroundColor="@color/mock_conversation_received_message"
142                app:layout_constraintTop_toTopOf="@id/reply_icon_1"
143                app:layout_constraintBottom_toBottomOf="@id/reply_icon_1"
144                app:layout_constraintStart_toEndOf="@id/reply_icon_1"
145                app:layout_constraintEnd_toEndOf="parent"/>
146
147            <androidx.cardview.widget.CardView
148                android:id="@+id/message_2"
149                android:layout_width="0dp"
150                android:layout_height="36dp"
151                android:layout_marginBottom="@dimen/gesture_tutorial_message_small_margin_bottom"
152                android:layout_marginStart="280dp"
153                android:layout_marginEnd="@dimen/gesture_tutorial_message_padding_end"
154
155                app:cardElevation="0dp"
156                app:cardCornerRadius="18dp"
157                app:cardBackgroundColor="@color/mock_conversation_sent_message"
158                app:layout_constraintBottom_toTopOf="@id/message_3"
159                app:layout_constraintStart_toStartOf="parent"
160                app:layout_constraintEnd_toEndOf="parent"/>
161
162            <androidx.cardview.widget.CardView
163                android:id="@+id/message_3"
164                android:layout_width="0dp"
165                android:layout_height="74dp"
166                android:layout_marginBottom="@dimen/gesture_tutorial_message_large_margin_bottom"
167                android:layout_marginStart="124dp"
168                android:layout_marginEnd="@dimen/gesture_tutorial_message_padding_end"
169
170                app:cardElevation="0dp"
171                app:cardCornerRadius="18dp"
172                app:cardBackgroundColor="@color/mock_conversation_sent_message"
173                app:layout_constraintBottom_toTopOf="@id/reply_icon_2"
174                app:layout_constraintStart_toStartOf="parent"
175                app:layout_constraintEnd_toEndOf="parent"/>
176
177            <androidx.cardview.widget.CardView
178                android:id="@+id/reply_icon_2"
179                android:layout_width="@dimen/gesture_tutorial_message_icon_size"
180                android:layout_height="@dimen/gesture_tutorial_message_icon_size"
181                android:layout_marginBottom="@dimen/gesture_tutorial_message_large_margin_bottom"
182                android:layout_marginStart="@dimen/gesture_tutorial_message_padding_start"
183
184                app:cardElevation="0dp"
185                app:cardCornerRadius="@dimen/gesture_tutorial_message_icon_corner_radius"
186                app:cardBackgroundColor="@color/mock_conversation_profile_icon"
187                app:layout_constraintDimensionRatio="1:1"
188                app:layout_constraintBottom_toTopOf="@id/message_4"
189                app:layout_constraintStart_toStartOf="parent"/>
190
191            <androidx.cardview.widget.CardView
192                android:layout_width="0dp"
193                android:layout_height="36dp"
194                android:layout_marginStart="17dp"
195                android:layout_marginEnd="144dp"
196
197                app:cardElevation="0dp"
198                app:cardCornerRadius="18dp"
199                app:cardBackgroundColor="@color/mock_conversation_received_message"
200                app:layout_constraintTop_toTopOf="@id/reply_icon_2"
201                app:layout_constraintBottom_toBottomOf="@id/reply_icon_2"
202                app:layout_constraintStart_toEndOf="@id/reply_icon_2"
203                app:layout_constraintEnd_toEndOf="parent"/>
204
205            <androidx.cardview.widget.CardView
206                android:id="@+id/message_4"
207                android:layout_width="0dp"
208                android:layout_height="74dp"
209                android:layout_marginStart="124dp"
210                android:layout_marginEnd="@dimen/gesture_tutorial_message_padding_end"
211
212                app:cardElevation="0dp"
213                app:cardCornerRadius="18dp"
214                app:cardBackgroundColor="@color/mock_conversation_sent_message"
215                app:layout_constraintBottom_toBottomOf="parent"
216                app:layout_constraintStart_toStartOf="parent"
217                app:layout_constraintEnd_toEndOf="parent"/>
218
219        </androidx.constraintlayout.widget.ConstraintLayout>
220
221        <androidx.cardview.widget.CardView
222            android:id="@+id/message_bar"
223            android:layout_width="0dp"
224            android:layout_height="44dp"
225            android:layout_marginTop="36dp"
226            android:layout_marginStart="34dp"
227            android:layout_marginEnd="24dp"
228
229            app:cardElevation="0dp"
230            app:cardCornerRadius="164dp"
231            app:cardBackgroundColor="@color/mock_conversation_message_input"
232            app:layout_constraintBottom_toBottomOf="parent"
233            app:layout_constraintStart_toStartOf="parent"
234            app:layout_constraintEnd_toEndOf="parent" />
235
236    </androidx.constraintlayout.widget.ConstraintLayout>
237
238</androidx.constraintlayout.widget.ConstraintLayout>