这是玩转客户端-字节跳动训练营的项目，课题内容为Flutter时钟挑战，用flutter实现一个Android/ios设备上的炫酷的时钟App。
- 基础功能
- 实现基本的时钟功能、可以准确的看到当前时间、计时准确无误
- 表盘整体简洁美观，可以是机械表盘或者数码显示、或者两者兼备
- 可以有多个界面，界面间跳转裸机可以自由设计
- Android或者ios任一平台运行即可
- 进阶功能
- 表盘设计精美，可以加上一些动画特效
- 支持时区切换等其他便捷功能
- 实现定时器或者闹钟
- 实现天气显示
- 自由发挥创意
- TO DO LIST
- Canlendar
可采用 git clone https://github.com/ThorraySJTU/Flutter-App.git方式对代码进行下载，或者直接Download ZIP
通过Android Studio打开模拟器后，在Flutter-App目录下运行flutter run即可。
- flutter:
- sdk: flutter
- intl: ^0.15.0
- tuple: ^1.0.1
- date_utils: ^0.1.0
lib ┬
├ clock
┬
└ clock.dart
└ clock_dial_painter.dart
└ clock_face.dart
└ clock_hands.dart
└ clock_text.dart
└ hand_hour.dart
└ hand_minute.dart
└ hand_second.dart
├ Calendar
┬
└ calendar_tile.dart
└ flutter_calendar.dart
├ Screen
┬
└ first_screen.dart
└ second_screen.dart
└ third_screen.dart
├ TODO-list
┬
└ new_todo_dialog.dart
└ todo.dart
└ todo_list.dart
└ todo_list_screen.dart
└ main.dartclass MyApp extends StatelessWidget
构建一个StatelessWidget无状态部件类，这个widget是应用程序的root widget，重写一个build方法，fa返回一个new出来的MaterialApp()对象。分别指定title、theme、home属性，home参数传入的就是与主界面相关的widget(new的一个 AppClock())。
class AppClock extends StatelessWidget
在无状态组件中，使用DefaultTabContrilloer来关联TabBar和TabBarView
对于Scaffold，分别封装了状态栏AppBar - TabBar，主体部分body - TabBarView。AppBar中为了防止在Android系统的状态栏或者iPhoneX的“齐刘海”放置元素，使用SafeArea部件来解决。TabBarView中children——视图组件的child为一个列表，一个选项卡对应一个视图。
利用ListView组件来创建列表，通过设定SizedBox大小来固定Clock的位置。参考代码
重写build方法，返回一个new出来的MaterialApp()对象。对于home属性，通过new一个Container，body部分使用ListView来创建列表
P.S 创建ListView的目的是为了后续可以直接在日历栏下做备忘录，将整体布局分为日历以及对应日期的TO DO List两部分，目前未完成，但保留以ListView设置的样式。
重写build方法，返回一个new出来的MaterialApp()对象。对于home属性，调用TodoListScreen()。
用户点击+按钮，回调onPressed函数，从而触发_addTodo函数，_addTodo中的内容会被包含在setState调用中，这个调用会通知应用程序代办事项列表已更新。createState会在待办事项列表更新是被触发。
采用AlertDialog组件-弹出框的形式来添加代办事件，添加或者取消添加操作
定义Todo类，包括事件名称-string类型，以及代办事件是否完成-bool类型
CheckboxListTile组件可同时返回待办事项名称以及勾选框，ToggleTodoCallback将todo以及isChecked进行传递。
CalendarTile包括日期是否选择、时期、显示的日期等属性，在renderDteorDayofWeek中，初始化返回一个new的InkWell，根据所选择的日期，在选择日期上绘制选择圆圈。
_CalendarState中通过DateTime.now()来获取当前时间，根据是否选择非当前时期来重置initialCalendarDateOverride，并以此确定当前周的起始日期和终止日期、月份格式。
通过Flutter中的GridView来布局日历项，在子Widget列表处调用calendarBuilder()，根据日历展开与否，当前选择日期，确定日历的显示范围。
void nextMonth()函数、void previousMonth()函数、void nextWeek()函数、void previousWeek()函数，别用来计算当前选择日期下对应变化后的日历样式。
用paint函数绘制时针样式，以及旋转速率
用paint函数绘制分针样式，以及旋转速率
用paint函数绘制秒针样式，以及旋转速率
根据当前时间更新指针的绘制
绘制表盘以及调用CustomPaint()来绘制实时的表针信息
获取系统时间对Clock进行初始化，调用ClockFace，来绘制clock。文件最后添加了一些美化效果，通过paint()函数来绘制钟表的腿和钟表的闹铃（可选择添加）。
🚩 时钟界面美化 - 目前仅为朴素时钟效果，后续尝试可设置表盘样式等功能
🚩 将to do list与日历连接在一起，实现ios日历类似功能
🚩 增加闹钟、纪念日等功能
🚩 优化美观界面，目前风格简约但美感不足