m0_50891221的博客

通过案例学习Flutter在实际软件中的应用

包含在Flutter中的基础也是最重要的UI组件

把通用圆形设置为双色渐变，把动画值设置给透明度。

2.准备电压数据点和电流数据点。6.将电流转换为电压范围的方法。5.构建折线图 ****8.跳转到当前时间的方法。3.定义一些必要的变量。

介绍：主页显示头像，点击头像进入头像详情页面，点击加号可以选中从相册或者拍照中获取相片，然后当从头像，前两个头像为默认头像，不允许删除，后面新添加的头像可以长按删除。选中了图片后，主页就会更换头像。

通过CustomPainter绘制圆环电量显示图

通过外部类实现列表项左右滑动功能

通过这个项目学习蓝牙扫描方面的相关知识点

学习Flutter中时间的使用

文件相关的知识点

通过这个项目学习文件相关的知识点

Flutter中常见的图标

1.为什么有4个圆，但是视图中只有3个。效果图：这个项目是动态效果。2.重复代码过多，如何优化。

4.什么情况下didChangeDependencies（）会调用。5.什么情况下didUpdateWidget（）会调用。，所有子组件都能从它那里读取数据。Flutter组件建立的事件线。状态管理的方法的使用逻辑。1.监听应用的生命周期。

三.Paint的主要属性。二.绘制简单的图形集合。四.Path路径绘制。示例1：绘制简单形状。示例2：绘制复杂形状。

关键点：理解这些框架怎么帮助写Flutter程序

6.睡眠详情--条形进度条的子项。4.仪表盘背景绘制器。5.仪表盘进度绘制器。8.详细的进度条布局。

从动画的基础开始学起

概念：GridView 是 Flutter 中用于创建网格布局的滚动组件，类似于表格但支持滚动。②GridView.extent - 固定最大宽度，适合简单布局。③GridView.builder - 动态创建，适合大量数据。④GridView.custom - 完全自定义，适合复杂需求。①GridView.count - 固定列数，适合简单布局。2.GridView.extent - 固定最大宽度。1.GridView.count - 固定列数。当需要瀑布流UI时需要使用到第三方库。

而是调用同一个类的另一个构造函数来完成任务。重定向构造函数与命名构造函数的区别。构造函数）用于创建编译时常量对象。场景2：从不同数据源创建。为什么需要重定向构造函数。为什需要命名构造函数？场景2：参数转换/验证。场景1：创建特殊实例。

自定义绘画类绘制折线图

效果图。

效果图。

使用外部库绘制折线图

2.构建图片的布局，根据用户传递的图片个数传递不同的UI格式。3.构建单个图片的组件：用圆包裹传递过来的图片。4.使用网格列表构建整个列表UI。1.构建网格通用子项。

说明：版本1的中心水果图片只是简单的排列，这个版本是让图片进行两两交叠。2.构建图片布局 ******3.使用子项构建表格。

1.为什么向右滑动details.delta.dx为正数，向左滑动details.delta.dx为负数，2.圆角矩形叠在删除按钮上面，所以要用stack组件，先构建删除按钮。Transform.translate - 平移变换组件。3.定义可滑动的内容。

Flutter打印中常用的小图标（Emoji）可以提高日志的可读性。

【代码】Flutter---认识-Notification。

学习如何构建构建基础通知

效果图。

进度条通知的实现方法。

目标：实现两个横向滚动列表的选择的互斥，就是说这两个列表中，所有的元素都是互斥的存在，每次只能选中一个。2.定义数据类，虽然这个名字是水果类，但是其实是通用的，因为加了类型判断在里面。3.定义数据，数据可以放在同一个列表里面，因为可以用传入类型区分这两种数据。阶段1：点击前的界面构建（_selectedIndex = null）场景1：用户首次点击"郁金香"（花朵列表第2项）场景2：用户再点击"香蕉"（水果列表第2项）1.定义枚举类型：水果和花朵。8.定义水果标题和水果列表。9.定义花朵标题和花朵列表。

是Dart原生提供的HTTP客户端，用于发起网络请求。

2.设置环形进度条的UI框架的通用子项。环形进度条和仪表盘进度条的实现步骤。3.设置仪表盘进度条的UI框架。1.设置变量，初始进度条值。环形进度条和仪表盘进度条。标准蓝色进度条的实现步骤。2.设置进度条的通用子项。4.绘制仪表盘进度条。5.使用这两个进度条。

2.播放/暂停按钮的点击事件。分段选择器进度条的实现步骤。6.使用这个播放器进度条。点状进度条的实现步骤。音频播放器的实现步骤。4.构造播放器进度条。

7.构建日历组件（*****重点）：用一个container包裹，然后设置这个控件的UI。：这是一个日历，当用户选中某一天，然后点击右下角的蓝色加号，就能给这一天增加新事件。2.设置一些必要参数：日历格式，今天，用户选中的日期，事件数据存储列表。3.初始化用户选中的日期为今天（软件一打开就能锁定当天的日期）1.初始化的时候，是怎么设置选中当天的UI的。5.具体页面架构：日历+选中日期+列表事件。10.构建事件项（如果选中的日期有事件）2.重新选中日期的UI是怎么实现的。8.构建选中日期的信息的UI。

【代码】flutter---进度条（3）

这页面有横向导航栏供用户选择，左右滑动查看所有分类，可以选择三个子项，当已选满3个时，再选择新的音效会自动。5.构建分类标签栏：设定高为20，宽为无限大的区域里面设置横向滚动列表。1.定义变量：分类标签组、标记用户选中的子项、存储选中的白噪音列表。4.构建页面架构，渐变的底面、分类的标签栏、白噪音网格列表。[注]contains是怎么跟已经点击的子项做比较的。2.默认的哈希码是怎么生成的？10.构建选中的白噪音显示区域。13.移除选中白噪音子项的方法。11.构建选中的白噪音项。7.构建白噪音网格列表。

这是一个使用ListView.builder来建造的横向滚动水果数据列表，当点击的时候会有一个选中图标和选中边框，并且文字的颜色也会发生更改。为什么callback能够直到当前用户点击的是哪个子项？1.准备数据，并且定义一个值为当前选中索引。2.定义UI，设置最底层的渐变背景。或者可以自定义数据类来使用。6.设置通用的功能小卡片。4.设置横向滚动列表。