From 78bf4dba5a6c09f8783de6194ca13c75d643609d Mon Sep 17 00:00:00 2001 From: xiaweizi <1012126908@qq.com> Date: Sat, 29 Aug 2020 21:27:47 +0800 Subject: [PATCH] =?UTF-8?q?[doc]=20=E5=AE=8C=E6=88=90=20readme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: xiaweizi <1012126908@qq.com> --- README.md | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) diff --git a/README.md b/README.md index 35f0cfd..1e4ce8b 100644 --- a/README.md +++ b/README.md @@ -49,3 +49,50 @@ ### 技术介绍 +虽然这个项目简单，但是涵盖的 flutter 技术点却不少，可以满足日常开发小项目的需求。 + +其实从入门 flutter 到完成这个项目，也只是花了两个周末，加上平时下班的时间，代码写的略微有点仓促，很多可以封装，和一些绘制的逻辑还有很大的优化空间，后面抽时间进行优化一波。 + +大致整理一下其技术点： + +- 网络请求&数据缓存 +- 高德 SDK 以及自动定位 +- 自定义 View，动画以及 widget +- 三方统计接入，插件接入 +- 状态管理，数据同页面以及跨页面传输 +- 屏幕适配，公共组件封装 + +这里特地把自自定义 View &动画拉出来说说，从项目可以看到很多的图表，包括空气质量&湿度比例圆弧图，日出日落弧线图，以及24小时&多日折线图。其实绘制原理跟 Android 的绘制很像，包括接口的设计也异曲同工。同样有 canvas 画布和 paint 画笔，这样写起来就方便很多。 + +有了 Android 绘制基础，写起来就非常快了，这几个图加在一起一共不到一天的时间就可以完成。无非是先装载好数据，根据获取到的数据进行绘制。后面有时间会单独介绍一下这这块的绘制逻辑。 + +### 三方库依赖 + +Fluter 为什么目前这么火热，以及开发的效率如此之高，除了因为 Google 这个大佬作为靠山，更多的还是活跃的开源社区，[pub.dev](https://pub.flutter-io.cn/) 上提供了很多稳定而又多样的插件，省去不必要的开发时间，根据自己的实际情况进行选择，结合 Mac 上 Alfred 工具，搜索起来得心应手。 + +同样，简悦天气项目中也引用不少依赖插件，特此进行说明和感谢。 + +| 插件名称 | 插件说明 | +| ------------------------------------------------------------ | ------------------------------------------------------------ | +| [flutter_bloc](https://pub.flutter-io.cn/packages/flutter_bloc) | 不多说，很强大，作为新手再也不用担心数据共享与更新 | +| [shared_preferences](https://pub.flutter-io.cn/packages/shared_preferences) | 很常用，持久化保存数据 | +| [dio](https://pub.flutter-io.cn/packages/dio) | 网络请求当然离不开一个好的网络框架，项目只是用到了基础的 GET 请求 | +| [amap_location_fluttify](https://pub.flutter-io.cn/packages/amap_location_fluttify) | 高德定位插件，虽然有坑，但是满足基础需求 | +| [location_permissions](https://pub.flutter-io.cn/packages/location_permissions) | 定位权限判断已经申请插件 | +| [event_bus](https://pub.flutter-io.cn/packages/event_bus) | 事件更新 | +| [flutter_slidable](https://pub.flutter-io.cn/packages/flutter_slidable) | 强大的侧滑插件 | +| [umeng_analytics_plugin](https://pub.flutter-io.cn/packages/umeng_analytics_plugin) | 友盟统计插件 | +| [flutter_screenutil](https://pub.flutter-io.cn/packages/flutter_screenutil) | 屏幕适配工具插件 | +| [modal_bottom_sheet](https://pub.flutter-io.cn/packages/modal_bottom_sheet) | 底部弹窗 | +| [path_drawing](https://pub.flutter-io.cn/packages/path_drawing) | 绘制虚线 path 用到 | +| [url_launcher](https://pub.flutter-io.cn/packages/url_launcher) | 通用跳转工具 | + +### 总结 + +对 Flutter 两周的学习和开发下来后的感受，代码写起来是真快，在 Android 如果想实现，点击按钮并更新 TextView 的逻辑，首先创建 xml 布局，其次 java 代码中初始化 View 并给 button 添加点击事件，然后，还需要有单独的变量保存状态的更新，最后在变量发生变化时更新 TextView 的值。 + +而 Flutter 的核心就是 widget，很多功能都封装在 widget 中，在 Flutter 中如果想实现该功能，只需创建两个 widget，在相应 click 事件时只需关系变量值改变，调用 setState，后续的 View 更新可以完全不用管，有点类似 Android 的 databinding。 + +不过，由于全部都是 widget，你会发现如果把所有页面写在一个文件，那么嵌套的画面绝对会让你崩溃。这就需要，对功能进行拆解，尽量做到逻辑最小化，代码阅读性和维护性也会很高。还有就是插件，虽然社区的插件已经相当丰富，但还是有些需求没有找到合适的插件，这就需要广大开发者，积极燃烧开源热血，为社区贡献自己的成果。 + +总的来说，开发效率上确实提高不少，因为入坑时间短，原理和性能上没有细致研究，所以可能导致看法有点片面，不过后面会努力补上知识点。 \ No newline at end of file