Skip to content

Commit 0bebc2f

Browse files
svignesh93svignesh93
committed
Updated README.md file
1 parent 6683513 commit 0bebc2f

File tree

1 file changed

+89
-6
lines changed

1 file changed

+89
-6
lines changed

‎README.md

+89-6
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,88 @@
44

55
An Android Custom Widgets Library, offers custom ui components.
66

7+
## SmoothSeekBar
8+
9+
SmoothSeekBar extends the implementation of AppCompatSeekBar, which updates the progress based on the ACTION_MOVE Touch Event rather than the ACTION_DOWN Touch Event, which makes smooth transition from the previous progress to the current one.
10+
11+
1) A Horizontal SmoothSeekBar.
12+
13+
<p align="center">
14+
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/smooth_seek_bar.gif" alt="Smooth Seek Bar" width="50%" />
15+
</p>
16+
17+
~~~
18+
<com.litekite.widget.SmoothSeekBar
19+
style="@style/Widget.AppCompat.SeekBar"
20+
android:layout_width="300dp"
21+
android:layout_height="50dp"
22+
android:max="100"
23+
android:progress="0"
24+
android:progressTint="@android:color/holo_red_light"
25+
android:thumbTint="@android:color/holo_red_light" />
26+
~~~
27+
28+
2) A SmoothSeekBar turned as vertical with ViewRotator.
29+
30+
<p align="center">
31+
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/vertical_smooth_seek_bar.gif" alt="Vertical Smooth Seek Bar" width="25%" />
32+
</p>
33+
34+
~~~
35+
<com.litekite.widget.ViewRotator
36+
android:layout_width="wrap_content"
37+
android:layout_height="wrap_content">
38+
39+
<com.litekite.widget.SmoothSeekBar
40+
style="@style/Widget.AppCompat.SeekBar"
41+
android:layout_width="300dp"
42+
android:layout_height="50dp"
43+
android:max="100"
44+
android:progress="0"
45+
android:progressTint="@android:color/holo_red_light"
46+
android:thumbTint="@android:color/holo_red_light" />
47+
48+
</com.litekite.widget.ViewRotator>
49+
~~~
50+
51+
## ViewRotator
52+
53+
ViewRotator is a View Group which hosts a single view rotated by 90 degrees counterclockwise.
54+
55+
1) A Horizontal Material Slider View turned vertical by rotation.
56+
57+
<p align="center">
58+
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/view_rotator.gif" alt="Vertical Rotator with Slider" width="25%" />
59+
</p>
60+
61+
~~~
62+
<com.litekite.widget.ViewRotator
63+
android:layout_width="wrap_content"
64+
android:layout_height="wrap_content">
65+
66+
<com.google.android.material.slider.Slider
67+
style="@style/Widget.MaterialComponents.Slider"
68+
android:layout_width="300dp"
69+
android:layout_height="50dp"
70+
android:theme="@style/Theme.MaterialComponents"
71+
app:haloColor="@android:color/holo_red_light"
72+
app:labelBehavior="gone"
73+
app:thumbColor="@android:color/holo_red_light"
74+
app:trackColorActive="@android:color/holo_red_light"
75+
app:trackColorInactive="@android:color/darker_gray" />
76+
77+
</com.litekite.widget.ViewRotator>
78+
~~~
79+
780
## CircleImageButton
881

982
CircleImageButton is a clickable image button that makes image source [app:srcCompat] and background source [android:background] a circle.
1083

1184
1) Color resource as a circle (An alternative way is to use shape drawable)
1285

13-
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/cib_src_as_color_res.png" alt="Circle Image Button Source As Color Resource" width="25%" />
86+
<p align="center">
87+
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/cib_src_as_color_res.png" alt="Circle Image Button Source As Color Resource" width="25%" />
88+
</p>
1489

1590
~~~
1691
<com.litekite.widget.CircleImageButton
@@ -22,7 +97,9 @@ CircleImageButton is a clickable image button that makes image source [app:srcCo
2297

2398
2) Background and image source with color resource as a circle with inner padding (An alternative way is to use shape drawable with oval type, stroke and shape color)
2499

25-
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/cib_src_and_bg_as_color_res.png" alt="Circle Image Button Background And Source As Color Resource" width="25%" />
100+
<p align="center">
101+
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/cib_src_and_bg_as_color_res.png" alt="Circle Image Button Background And Source As Color Resource" width="25%" />
102+
</p>
26103

27104
~~~
28105
<com.litekite.widget.CircleImageButton
@@ -36,7 +113,9 @@ CircleImageButton is a clickable image button that makes image source [app:srcCo
36113

37114
3) Background and image source with color resource as a circle with inner padding plus ripple effect
38115

39-
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/cib_src_and_bg_as_color_res_with_ripple.gif" alt="Circle Image Button Background And Source As Color Resource Plus Ripple Effect" width="25%" />
116+
<p align="center">
117+
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/cib_src_and_bg_as_color_res_with_ripple.gif" alt="Circle Image Button Background And Source As Color Resource Plus Ripple Effect" width="25%" />
118+
</p>
40119

41120
~~~
42121
<com.litekite.widget.CircleImageButton
@@ -55,7 +134,9 @@ CircleImageButton is a clickable image button that makes image source [app:srcCo
55134

56135
4) Profile drawable image plus background plus ripple effect
57136

58-
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/cib_profile_img_plus_background_plus_ripple.gif" alt="Profile Drawable Image Plus Background Plus Ripple Effect" width="25%" />
137+
<p align="center">
138+
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/cib_profile_img_plus_background_plus_ripple.gif" alt="Profile Drawable Image Plus Background Plus Ripple Effect" width="25%" />
139+
</p>
59140

60141
~~~
61142
<com.litekite.widget.CircleImageButton
@@ -70,7 +151,9 @@ CircleImageButton is a clickable image button that makes image source [app:srcCo
70151

71152
5) Profile drawable image plus transparent background plus ripple effect
72153

73-
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/cib_profile_img_plus_transparent_background_plus_ripple.gif" alt="Profile Drawable Image Plus Background Plus Ripple Effect" width="25%" />
154+
<p align="center">
155+
<img src="https://github.com/LiteKite/Android-Widgets/blob/assets/assets/cib_profile_img_plus_transparent_background_plus_ripple.gif" alt="Profile Drawable Image Plus Background Plus Ripple Effect" width="25%" />
156+
</p>
74157

75158
~~~
76159
<com.litekite.widget.CircleImageButton
@@ -99,7 +182,7 @@ allprojects {
99182

100183
~~~
101184
dependencies {
102-
implementation 'com.github.LiteKite:Android-Widgets:0.0.3'
185+
implementation 'com.github.LiteKite:Android-Widgets:0.0.5'
103186
}
104187
~~~
105188

0 commit comments

Comments
 (0)