You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+39-18Lines changed: 39 additions & 18 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -19,11 +19,11 @@ It also provides full localization support and event handling for custom behavio
19
19
## Features
20
20
21
21
#### 1. Customizable Styling
22
-
-**AM/PM Configuration**: Customize the text style, color, and layout for AM and PM labels.
23
-
-**Time Configuration**: Adjust the styling for hours, minutes, and seconds (for the 24-hour format).
24
-
-**Picker Selector Configuration**: Customize the appearance of the time picker using background colors, border shapes, and more.
25
-
-**Label Styling**: Fully customize the labels for hours, minutes, and AM/PM text, including text size, font, color.
26
-
-**Visible Items Count**: Control the number of visible items in the time picker, allowing for a more compact or expansive display depending on the user’s preferences.
22
+
-**AM/PM Configuration**: Customize AM/PM label text style, color, and layout.
23
+
-**Time Label Styling**: Adjust hour and minute text styles, colors, and item spacing via `PickerStyle`.
24
+
-**Picker Selector Configuration**: Modify the appearance of the picker selector, including background color, shape, and border.
25
+
-**Curve Effect**: Apply a curve effect to the picker list for a 3D cylindrical visual. Options include alpha fading and vertical scaling.
26
+
-**Visible Items Count**: Control the number of visible items for compact or expansive display.
27
27
28
28
#### 2. Localization Support
29
29
- Supports both English (EN) and Korean (KO) locales.
@@ -89,29 +89,26 @@ TimePicker(
89
89
90
90
### Customized Options
91
91
92
-
#### 1. Time Label Configuration
92
+
#### 1. Picker Style Configuration
93
93
94
-
```kotlin
95
-
TimePicker(
96
-
// ...
97
-
itemLabel =TimePickerDefaults.itemLabel().copy(
98
-
style =MaterialTheme.typography.bodyLarge
99
-
),
100
-
// ...
101
-
)
94
+
PickerStyle allows you to customize text styles, colors, and item spacing.
102
95
96
+
```kotlin
103
97
TimePicker(
104
98
// ...
105
-
itemLabel =ItemLabel(
106
-
style =MaterialTheme.typography.titleMedium,
107
-
color =Color.White
99
+
style =TimePickerDefaults.pickerStyle(
100
+
textStyle =MaterialTheme.typography.bodyLarge,
101
+
textColor =Color.White,
102
+
itemSpacing =12.dp
108
103
),
109
104
// ...
110
105
)
111
106
```
112
107
113
108
#### 2. AM/PM Locale Configuraiton
114
109
110
+
Configure the time picker to display AM/PM labels in either English or Korean.
111
+
115
112
```kotlin
116
113
TimePicker(
117
114
// ...
@@ -126,7 +123,9 @@ TimePicker(
126
123
)
127
124
```
128
125
129
-
#### 3. Selector Configuration
126
+
#### 3. Picker Selector Configuration
127
+
128
+
Modify selector color, shape, and border.
130
129
131
130
```kotlin
132
131
TimePicker(
@@ -142,6 +141,8 @@ TimePicker(
142
141
143
142
#### 4. Visible Items Count Configuration
144
143
144
+
Control how many items are shown in the picker at once.
145
+
145
146
```kotlin
146
147
TimePicker(
147
148
// ...
@@ -150,6 +151,26 @@ TimePicker(
150
151
)
151
152
```
152
153
154
+
#### 5. Curve Effect Configuration
155
+
156
+
Apply a curve effect to the picker for a 3D cylindrical visual.
0 commit comments