#2 Xcode Assignment : UI Element — Segmented Control/Slider/Switch/Activity Indicator View/Progress View/Page Control/Date Picker/Visual Effect View with Blur
Hi, I am Buck Li. I am a total rookie to Swift & Xcode. With a determination of coding my own APPs/Games on iOS , I attended this course named Xcode for Beginners, leatured by 彼得潘的 iOS App Neverland.
This series of articles is to summarize and showcase things that I have learnt, and is also taken as an assignment of the course. Hopefully my articles can also be a help to those Xcode beginners like me in the future.
Today I would like to briefly introduce a few properties of some UI Elements that I have just learnt:
Segmented Control/Slider/Switch/Activity Indicator View/Progress View/Page Control/Date Picker/Visual Effect View with Blur
The Link to my project on Github :
1. Segmented Control
(1) Segments : the number of options
(2) Segment : the option that you are editing
(3) Title : you may customize the text to be shown on the option button
(4) Image : you may show an image on the option button instead of a string
(5) Selected : once it is checked, it means this option will be selected as the default value.
2. Slider
(1) Value : current value shown on the slider
(2) Minimum : the minimum value when the thumb is dragged into the ultimate left
(3) Maximum : the maximum value when the thumb is dragged into the ultimate right
(4) Min Image : the picture shown at the left side of the slider
(5) Max Image : the picture shown at the right side of the slider
(6) Min Track : the color of the track in the left side of the thumb
(7) Max Track : the color of the track in the right side of the thumb
(8) Thumb Tint : the color of the thumb
3. Switch
(1) State : the status indicating whether the switch is on or off
(2) On Tint : the color of the switch when the switch is on
(3) Thumb Tint : the color of the thumb
4. Activity Indicator View
(1) Style : you can choose different appearances of the indicator
(2) Color : the color of the indicator
(3) Animating : the icon will not move as an animation while you uncheck it, and vise versa.
5. Progress View
(1) Style : you can choose different appearances of the progress view
(2) Progress : current progress shown on the progress view
(3) Progress Tint : the color of completed part of the progress view
(4) Track Tint : the color of uncompleted part of the progress view
(5) Progress Image : my version(Xcode Beta 13) cannot proceed this function
(6) Track Image : my version(Xcode Beta 13) cannot proceed this function
6. Page Control
(1) # of Pages : total dots(pages) shown
(2) Current : current page shown. (0=first page, 1=second page…etc.)
(3) Hides for Single Page : the dot will be hidden if there is only one page in total
(4) Tint Color : the color of other dots
(5) Current Page : the color of current dot
7. Date Picker
(1) Style : you can select different layout of the date picker
(2) Mode : you can select whether the option is in Date/Time/Both Date&Time/Count-down mode.
(3) Locale : the language of the date picker
(4) Interval : the minimum time segment of the date picker
(5) Date : the initial date shown as default value
(6) Minimum Date : there will not be earlier date for selection than this value
(7) Maximum Date : there will not be later date for selection than this value
8. Visual Effect View with Blur
(1) Blur Style : you can select different blurring style here.
Buck Li
July 17, 2021
