Skip to content
This repository was archived by the owner on Aug 22, 2024. It is now read-only.

Commit ec4fef8

Browse files
hossain-khanhossain-khan
committed
[ADDED] [#42] Vector thumb for chaining.
1 parent 2a10529 commit ec4fef8

File tree

3 files changed

+292
-1
lines changed

3 files changed

+292
-1
lines changed

‎app/src/main/java/com/hossainkhan/android/demo/data/LayoutDataStore.kt

+1-1
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ class LayoutDataStore @Inject constructor(
7777
" * If they have constraints to other widgets they will still be respected, but any margins will be as if equals to zero"),
7878
LayoutInformation(
7979
layoutResourceId = R.layout.preview_chain_style_main,
80-
thumbnailResourceId = R.drawable.thumb_positioning_bias,
80+
thumbnailResourceId = R.drawable.thumb_chain_style,
8181
title = "Chain: Style",
8282
description = "When setting the attribute `constraintHorizontal_chainStyle` or " +
8383
"`constraintVertical_chainStyle` on the first element of a chain, " +

‎app/src/main/res/drawable/thumb_chain_style.xml

+288
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,288 @@
1+
<!--
2+
~ Copyright (c) 2018 Hossain Khan
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+
17+
<vector xmlns:android="http://schemas.android.com/apk/res/android"
18+
android:width="24dp"
19+
android:height="24dp"
20+
android:viewportWidth="640"
21+
android:viewportHeight="640">
22+
<path
23+
android:fillAlpha="0"
24+
android:fillColor="#000000"
25+
android:pathData="M1.63,638L637.26,638L637.26,2.32L1.63,2.32L1.63,638Z" />
26+
<path
27+
android:fillAlpha="0"
28+
android:fillColor="#FF000000"
29+
android:pathData="M1.63,638L637.26,638L637.26,2.32L1.63,2.32L1.63,638Z"
30+
android:strokeWidth="2"
31+
android:strokeAlpha="1"
32+
android:strokeColor="#000000" />
33+
<path
34+
android:fillAlpha="1"
35+
android:fillColor="#00acc1"
36+
android:pathData="M209.2,102.74C211.74,102.74 213.81,104.8 213.81,107.35C213.81,125.33 213.81,174.67 213.81,192.65C213.81,195.2 211.74,197.26 209.2,197.26C181.56,197.26 103.25,197.26 75.61,197.26C73.07,197.26 71,195.2 71,192.65C71,174.67 71,125.33 71,107.35C71,104.8 73.07,102.74 75.61,102.74C103.25,102.74 181.56,102.74 209.2,102.74Z" />
37+
<path
38+
android:fillAlpha="0"
39+
android:fillColor="#FF000000"
40+
android:pathData="M610.63,136.45L629.79,151.78L610.63,136.45Z"
41+
android:strokeWidth="6"
42+
android:strokeAlpha="0.85"
43+
android:strokeColor="#006064" />
44+
<path
45+
android:fillAlpha="0"
46+
android:fillColor="#FF000000"
47+
android:pathData="M630,149.01L610.24,163.55L630,149.01Z"
48+
android:strokeWidth="6"
49+
android:strokeAlpha="0.85"
50+
android:strokeColor="#006064" />
51+
<path
52+
android:fillAlpha="0"
53+
android:fillColor="#FF000000"
54+
android:pathData="M31,135.67L11.84,151L31,135.67Z"
55+
android:strokeWidth="6"
56+
android:strokeAlpha="0.85"
57+
android:strokeColor="#006064" />
58+
<path
59+
android:fillAlpha="0"
60+
android:fillColor="#FF000000"
61+
android:pathData="M11.24,149.33L31,163.87L11.24,149.33Z"
62+
android:strokeWidth="6"
63+
android:strokeAlpha="0.85"
64+
android:strokeColor="#006064" />
65+
<path
66+
android:fillAlpha="0"
67+
android:fillColor="#FF000000"
68+
android:pathData="M13,150L71,150"
69+
android:strokeWidth="8"
70+
android:strokeAlpha="0.85"
71+
android:strokeColor="#006064" />
72+
<path
73+
android:fillAlpha="0"
74+
android:fillColor="#FF000000"
75+
android:pathData="M627.27,150L566.06,150"
76+
android:strokeWidth="8"
77+
android:strokeAlpha="0.85"
78+
android:strokeColor="#006064" />
79+
<path
80+
android:fillAlpha="1"
81+
android:fillColor="#00acc1"
82+
android:pathData="M561.2,102.74C563.74,102.74 565.81,104.8 565.81,107.35C565.81,125.33 565.81,174.67 565.81,192.65C565.81,195.2 563.74,197.26 561.2,197.26C533.56,197.26 455.25,197.26 427.61,197.26C425.07,197.26 423,195.2 423,192.65C423,174.67 423,125.33 423,107.35C423,104.8 425.07,102.74 427.61,102.74C455.25,102.74 533.56,102.74 561.2,102.74Z" />
83+
<path
84+
android:fillAlpha="0"
85+
android:fillColor="#FF000000"
86+
android:pathData="M194.86,510C197.84,510 200.26,512.42 200.26,515.4C200.26,517.56 200.26,518.64 200.26,520.8C200.26,523.79 197.84,526.21 194.86,526.21C190.54,526.21 182.99,526.21 178.68,526.21C175.69,526.21 173.28,523.79 173.28,520.8C173.28,518.64 173.28,517.56 173.28,515.4C173.28,512.42 175.69,510 178.68,510C182.99,510 190.54,510 194.86,510Z"
87+
android:strokeWidth="8"
88+
android:strokeAlpha="0.85"
89+
android:strokeColor="#006064" />
90+
<path
91+
android:fillAlpha="0"
92+
android:fillColor="#FF000000"
93+
android:pathData="M202.59,517.5L213.79,517.5L224.14,517.5"
94+
android:strokeWidth="8"
95+
android:strokeAlpha="0.85"
96+
android:strokeColor="#006064" />
97+
<path
98+
android:fillAlpha="0"
99+
android:fillColor="#FF000000"
100+
android:pathData="M248.39,510C251.37,510 253.79,512.42 253.79,515.4C253.79,517.56 253.79,518.64 253.79,520.8C253.79,523.79 251.37,526.21 248.39,526.21C244.07,526.21 236.53,526.21 232.21,526.21C229.23,526.21 226.81,523.79 226.81,520.8C226.81,518.64 226.81,517.56 226.81,515.4C226.81,512.42 229.23,510 232.21,510C236.53,510 244.07,510 248.39,510Z"
101+
android:strokeWidth="8"
102+
android:strokeAlpha="0.85"
103+
android:strokeColor="#006064" />
104+
<path
105+
android:fillAlpha="0"
106+
android:fillColor="#FF000000"
107+
android:pathData="M256.12,517.5L267.33,517.5L277.67,517.5"
108+
android:strokeWidth="8"
109+
android:strokeAlpha="0.85"
110+
android:strokeColor="#006064" />
111+
<path
112+
android:fillAlpha="0"
113+
android:fillColor="#FF000000"
114+
android:pathData="M301.06,510C304.05,510 306.47,512.42 306.47,515.4C306.47,517.56 306.47,518.64 306.47,520.8C306.47,523.79 304.05,526.21 301.06,526.21C296.75,526.21 289.2,526.21 284.89,526.21C281.9,526.21 279.48,523.79 279.48,520.8C279.48,518.64 279.48,517.56 279.48,515.4C279.48,512.42 281.9,510 284.89,510C289.2,510 296.75,510 301.06,510Z"
115+
android:strokeWidth="8"
116+
android:strokeAlpha="0.85"
117+
android:strokeColor="#006064" />
118+
<path
119+
android:fillAlpha="0"
120+
android:fillColor="#FF000000"
121+
android:pathData="M308.79,517.5L320,517.5L330.34,517.5"
122+
android:strokeWidth="8"
123+
android:strokeAlpha="0.85"
124+
android:strokeColor="#006064" />
125+
<path
126+
android:fillAlpha="0"
127+
android:fillColor="#FF000000"
128+
android:pathData="M353.82,510C356.81,510 359.22,512.42 359.22,515.4C359.22,517.56 359.22,518.64 359.22,520.8C359.22,523.79 356.81,526.21 353.82,526.21C349.51,526.21 341.96,526.21 337.64,526.21C334.66,526.21 332.24,523.79 332.24,520.8C332.24,518.64 332.24,517.56 332.24,515.4C332.24,512.42 334.66,510 337.64,510C341.96,510 349.51,510 353.82,510Z"
129+
android:strokeWidth="8"
130+
android:strokeAlpha="0.85"
131+
android:strokeColor="#006064" />
132+
<path
133+
android:fillAlpha="0"
134+
android:fillColor="#FF000000"
135+
android:pathData="M361.55,517.5L372.76,517.5L383.1,517.5"
136+
android:strokeWidth="8"
137+
android:strokeAlpha="0.85"
138+
android:strokeColor="#006064" />
139+
<path
140+
android:fillAlpha="0"
141+
android:fillColor="#FF000000"
142+
android:pathData="M150,520L161.21,520L171.55,520"
143+
android:strokeWidth="8"
144+
android:strokeAlpha="0.85"
145+
android:strokeColor="#006064" />
146+
<path
147+
android:fillAlpha="0"
148+
android:fillColor="#FF000000"
149+
android:pathData="M273.75,140C276.74,140 279.16,142.42 279.16,145.4C279.16,147.56 279.16,148.64 279.16,150.8C279.16,153.79 276.74,156.21 273.75,156.21C269.44,156.21 261.89,156.21 257.57,156.21C254.59,156.21 252.17,153.79 252.17,150.8C252.17,148.64 252.17,147.56 252.17,145.4C252.17,142.42 254.59,140 257.57,140C261.89,140 269.44,140 273.75,140Z"
150+
android:strokeWidth="8"
151+
android:strokeAlpha="0.85"
152+
android:strokeColor="#006064" />
153+
<path
154+
android:fillAlpha="0"
155+
android:fillColor="#FF000000"
156+
android:pathData="M281.48,147.5L292.69,147.5L303.03,147.5"
157+
android:strokeWidth="8"
158+
android:strokeAlpha="0.85"
159+
android:strokeColor="#006064" />
160+
<path
161+
android:fillAlpha="0"
162+
android:fillColor="#FF000000"
163+
android:pathData="M327.29,140C330.27,140 332.69,142.42 332.69,145.4C332.69,147.56 332.69,148.64 332.69,150.8C332.69,153.79 330.27,156.21 327.29,156.21C322.97,156.21 315.43,156.21 311.11,156.21C308.13,156.21 305.71,153.79 305.71,150.8C305.71,148.64 305.71,147.56 305.71,145.4C305.71,142.42 308.13,140 311.11,140C315.43,140 322.97,140 327.29,140Z"
164+
android:strokeWidth="8"
165+
android:strokeAlpha="0.85"
166+
android:strokeColor="#006064" />
167+
<path
168+
android:fillAlpha="0"
169+
android:fillColor="#FF000000"
170+
android:pathData="M335.02,147.5L346.22,147.5L356.57,147.5"
171+
android:strokeWidth="8"
172+
android:strokeAlpha="0.85"
173+
android:strokeColor="#006064" />
174+
<path
175+
android:fillAlpha="0"
176+
android:fillColor="#FF000000"
177+
android:pathData="M379.96,140C382.94,140 385.36,142.42 385.36,145.4C385.36,147.56 385.36,148.64 385.36,150.8C385.36,153.79 382.94,156.21 379.96,156.21C375.64,156.21 368.1,156.21 363.78,156.21C360.8,156.21 358.38,153.79 358.38,150.8C358.38,148.64 358.38,147.56 358.38,145.4C358.38,142.42 360.8,140 363.78,140C368.1,140 375.64,140 379.96,140Z"
178+
android:strokeWidth="8"
179+
android:strokeAlpha="0.85"
180+
android:strokeColor="#006064" />
181+
<path
182+
android:fillAlpha="0"
183+
android:fillColor="#FF000000"
184+
android:pathData="M387.69,147.5L398.9,147.5L423.9,147.5"
185+
android:strokeWidth="8"
186+
android:strokeAlpha="0.85"
187+
android:strokeColor="#006064" />
188+
<path
189+
android:fillAlpha="0"
190+
android:fillColor="#FF000000"
191+
android:pathData="M214.24,150L240.1,150L250.45,150"
192+
android:strokeWidth="8"
193+
android:strokeAlpha="0.85"
194+
android:strokeColor="#006064" />
195+
<path
196+
android:fillAlpha="1"
197+
android:fillColor="#00acc1"
198+
android:pathData="M298.2,292.74C300.74,292.74 302.81,294.8 302.81,297.35C302.81,315.33 302.81,364.67 302.81,382.65C302.81,385.2 300.74,387.26 298.2,387.26C270.56,387.26 192.25,387.26 164.61,387.26C162.07,387.26 160,385.2 160,382.65C160,364.67 160,315.33 160,297.35C160,294.8 162.07,292.74 164.61,292.74C192.25,292.74 270.56,292.74 298.2,292.74Z" />
199+
<path
200+
android:fillAlpha="1"
201+
android:fillColor="#00acc1"
202+
android:pathData="M475.39,292.74C477.93,292.74 480,294.8 480,297.35C480,315.33 480,364.67 480,382.65C480,385.2 477.93,387.26 475.39,387.26C447.75,387.26 369.44,387.26 341.8,387.26C339.26,387.26 337.19,385.2 337.19,382.65C337.19,364.67 337.19,315.33 337.19,297.35C337.19,294.8 339.26,292.74 341.8,292.74C369.44,292.74 447.75,292.74 475.39,292.74Z" />
203+
<path
204+
android:fillAlpha="0"
205+
android:fillColor="#FF000000"
206+
android:pathData="M328.09,335.52C331.07,335.52 333.49,337.94 333.49,340.92C333.49,343.08 333.49,344.16 333.49,346.32C333.49,349.31 331.07,351.72 328.09,351.72C323.77,351.72 316.23,351.72 311.91,351.72C308.93,351.72 306.51,349.31 306.51,346.32C306.51,344.16 306.51,343.08 306.51,340.92C306.51,337.94 308.93,335.52 311.91,335.52C316.23,335.52 323.77,335.52 328.09,335.52Z"
207+
android:strokeWidth="8"
208+
android:strokeAlpha="0.85"
209+
android:strokeColor="#006064" />
210+
<path
211+
android:fillAlpha="1"
212+
android:fillColor="#00acc1"
213+
android:pathData="M145.39,470C147.93,470 150,472.07 150,474.61C150,492.6 150,541.93 150,559.91C150,562.46 147.93,564.53 145.39,564.53C117.75,564.53 39.44,564.53 11.8,564.53C9.26,564.53 7.19,562.46 7.19,559.91C7.19,541.93 7.19,492.6 7.19,474.61C7.19,472.07 9.26,470 11.8,470C39.44,470 117.75,470 145.39,470Z" />
214+
<path
215+
android:fillAlpha="1"
216+
android:fillColor="#00acc1"
217+
android:pathData="M627.59,468.06C630.14,468.06 632.21,470.13 632.21,472.67C632.21,490.66 632.21,539.99 632.21,557.97C632.21,560.52 630.14,562.59 627.59,562.59C599.96,562.59 521.65,562.59 494.01,562.59C491.46,562.59 489.4,560.52 489.4,557.97C489.4,539.99 489.4,490.66 489.4,472.67C489.4,470.13 491.46,468.06 494.01,468.06C521.65,468.06 599.96,468.06 627.59,468.06Z" />
218+
<path
219+
android:fillAlpha="0"
220+
android:fillColor="#FF000000"
221+
android:pathData="M406.67,511C409.65,511 412.07,513.42 412.07,516.4C412.07,518.56 412.07,519.64 412.07,521.8C412.07,524.79 409.65,527.21 406.67,527.21C402.35,527.21 394.8,527.21 390.49,527.21C387.5,527.21 385.09,524.79 385.09,521.8C385.09,519.64 385.09,518.56 385.09,516.4C385.09,513.42 387.5,511 390.49,511C394.8,511 402.35,511 406.67,511Z"
222+
android:strokeWidth="8"
223+
android:strokeAlpha="0.85"
224+
android:strokeColor="#006064" />
225+
<path
226+
android:fillAlpha="0"
227+
android:fillColor="#FF000000"
228+
android:pathData="M414.4,518.5L425.6,518.5L435.95,518.5"
229+
android:strokeWidth="8"
230+
android:strokeAlpha="0.85"
231+
android:strokeColor="#006064" />
232+
<path
233+
android:fillAlpha="0"
234+
android:fillColor="#FF000000"
235+
android:pathData="M460.2,511C463.18,511 465.6,513.42 465.6,516.4C465.6,518.56 465.6,519.64 465.6,521.8C465.6,524.79 463.18,527.21 460.2,527.21C455.89,527.21 448.34,527.21 444.02,527.21C441.04,527.21 438.62,524.79 438.62,521.8C438.62,519.64 438.62,518.56 438.62,516.4C438.62,513.42 441.04,511 444.02,511C448.34,511 455.89,511 460.2,511Z"
236+
android:strokeWidth="8"
237+
android:strokeAlpha="0.85"
238+
android:strokeColor="#006064" />
239+
<path
240+
android:fillAlpha="0"
241+
android:fillColor="#FF000000"
242+
android:pathData="M467.93,518.5L479.14,518.5L489.48,518.5"
243+
android:strokeWidth="8"
244+
android:strokeAlpha="0.85"
245+
android:strokeColor="#006064" />
246+
<path
247+
android:fillAlpha="0"
248+
android:fillColor="#FF000000"
249+
android:pathData="M610.63,326.45L629.79,341.78L610.63,326.45Z"
250+
android:strokeWidth="6"
251+
android:strokeAlpha="0.85"
252+
android:strokeColor="#006064" />
253+
<path
254+
android:fillAlpha="0"
255+
android:fillColor="#FF000000"
256+
android:pathData="M630,339.01L610.24,353.55L630,339.01Z"
257+
android:strokeWidth="6"
258+
android:strokeAlpha="0.85"
259+
android:strokeColor="#006064" />
260+
<path
261+
android:fillAlpha="0"
262+
android:fillColor="#FF000000"
263+
android:pathData="M627.27,340L482.44,340"
264+
android:strokeWidth="8"
265+
android:strokeAlpha="0.85"
266+
android:strokeColor="#006064" />
267+
<path
268+
android:fillAlpha="0"
269+
android:fillColor="#FF000000"
270+
android:pathData="M29.76,325.9L10.6,341.23L29.76,325.9Z"
271+
android:strokeWidth="6"
272+
android:strokeAlpha="0.85"
273+
android:strokeColor="#006064" />
274+
<path
275+
android:fillAlpha="0"
276+
android:fillColor="#FF000000"
277+
android:pathData="M10,339.56L29.76,354.1L10,339.56Z"
278+
android:strokeWidth="6"
279+
android:strokeAlpha="0.85"
280+
android:strokeColor="#006064" />
281+
<path
282+
android:fillAlpha="0"
283+
android:fillColor="#FF000000"
284+
android:pathData="M11.76,340.23L160,340"
285+
android:strokeWidth="8"
286+
android:strokeAlpha="0.85"
287+
android:strokeColor="#006064" />
288+
</vector>

0 commit comments

Comments
 (0)