FlipClock
FlipClock It's a minimalist page-turning clock.
Install / Use
/learn @DevLiuSir/FlipClockREADME
GIF Preview
<p align="center"> <img src="Design/Preview.gif" width=800>Public Attribute
| Attribute name | Specific introduction of attributes |
| :------------: | :------------: |
| date | time |
| is12HourClock | Whether it is a 12-hour clock (default: 24-hour clock. FALSE)|
| weekdayIsVisible | Whether it is visible on working days and ordinary days. (Except Sunday and Saturday) any day |
| yearMonthDayIsVisible | Is the year, month, and day visible |
| secondIsVisible | Is the second visible |
| font | Page Turn Clock Custom Font |
| flipClockTheme | Clock Theme (default: darkTheme) |
Features
2020-12-17
- Add sliding gestures to control device screen brightness.
- use new application icon
2020-12-01
- Add clock localization (Chinese, English)
- Add bottom view toolbar
- Add UserDefaults to store related settings
- Add light and dark mode switching themes.
- Add second sound effect, When the distinguished seconds are not visible, it will be played every minute. Whether to play once every second.
- Fix the interface layout when seconds are not visible.
- Add user setting function.
2019-03-17
- Add 12-hour system conversion, the default is 24-hour system.
- Add more date content display.
Design
Description | Preview | ----|------| LightTheme | <img align="center" src="Design/Screenshot/light.png" width=600> | DarkTheme | <img align="center" src="Design/Screenshot/dark.png" width=600> | UserSettings | <img align="center" src="Design/Screenshot/settings.png" width=600> | DisplaySetting | <img align="center" src="Design/Screenshot/displaySetting.png" width=600> | SecTone | <img align="center" src="Design/Screenshot/secTone.png" width=600> |
Author
| <img src="https://avatars2.githubusercontent.com/u/11488337?s=460&v=4" width="120px;"/> | DevLiuSir<br/><br/><sub>Software Engineer</sub><br/> <img align="center" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/twitter.svg" height="20" width="20"/> <img align="center" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/github.svg" height="20" width="20"/> <img align="center" src="https://raw.githubusercontent.com/iconic/open-iconic/master/svg/globe.svg" height="20" width="20"/>| | :------------: | :------------: |
