Flutter Learning

Http协议定义了分块传输的响应header字段，但是具体是否支持取决于Server的实现，可以指定请求头的range字段来验证服务器是否支持分块传输。例如可以利用curl命令来验证： 在请求头中添加

通过dio发起请求： 发起GET请求： 对于Get请求可以将query参数通过对象传递： 发起一个Post请求： 发起多个并发请求： 下载文件： 发送FormData 如果发送的数据是FormData

Dart IO库中提供了用于发起Http请求的一些类，可以直接使用HttpClient来发起请求。使用步骤分五步： 创建HttpClient 打开Http连接，设置请求头 这一步可以使用任意Http

Dart的IO库包含了文件读写的相关类，它属于Dart语法标准的一部分，所以通过Dart IO库，无论是Dart VM下的脚本还是Flutter，都是通过Dart IO库来操作文件的，不过和Dart

项目中可能会对水印进行应用偏移效果，为此针对水印自绘再进行一次优化。 方案1: 根据上文中定义的TextWaterMarkPainter的padding进行设置. 使用示例： 效果： 可以看到，偏移是

在实际场景中，大多数情况下水印是需要铺满整个屏幕的，如果不需满铺，通常直接用组件组合即可实现。 水印组件WaterMark 通过绘制一个单元水印，然后让它在整个水印组件的背景中重复即可实现满铺效果。因

Flutter 自带的CheckBox组件不能自由指定大小，可以通过自定义通过RenderObject来实现的一个可以自由指定大小的CustomCheckBox组件。 功能： 1、有选中和未选中状态。

通过RenderObject的方式来进行UI绘制、动画调度和事件处理。本篇通过这种方式实现一个打勾动画Widget。 DoneWidget有两种outline模式，该模式背景没有填充色，此时color

这篇文章主要是通过Canvas实现一个圆形渐变进度条。主要功能： 支持多种背景渐变色 任意弧度，进度条可以不是圆形 可以自定义粗细、两端是否圆角等样式 示例：

对于一些复杂或不规则的UI，无法通过组合其他组件的方式来实现，就需要自己绘制UI。几乎所有的UI系统都会提供一个自绘UI的接口，比如iOS的CoreGraphics,Flutter 中提供一块2D画布

实现组合组件TurnBox组件，它可以任意角度来旋转其子节点，而且可以在角度发生变化时执行一个过渡动画到新状态，同时，还可以手动指定动画的速度。 示例： 代码分析： 通过组合RotationTrans

Flutter 中页面UI通常都是由一些简单组件组合而成，当需要封装一些通用组件时，应该首先考虑使用组合其他组件来实现，如果可以，则应优先使用组合，因为直接通过现有组件拼装会非常简单、灵活、高效。 实

组合多个Widget 通过拼装多个组件来组合成一个新的组件。例如Container就是一个组合组件，由DecoratedBox、ConstrainedBox、Transform、Padding、Ali

在Widget属性发生变化时会执行过渡动画的组件统称为动画过渡组件，而动画过渡组件最明显的一个特征就是它会在内部自管理AnimationController。为了方便使用者可以自定义动画的曲线、执行时

实际开发中，经常会遇到切换UI元素的场景，比如Tab切换，路由切换。为了增强用户体验，通常在切换时都会指定一个动画，以使切换过程显的平滑。为此Flutter SDK中提供了一个AnimatedSwit

当需要做一些复杂的动画，这些动画由一个动画序列或重叠的动画组成，要实现这种动画效果，使用交织动画（Stagger Animation）会非常简单。 要创建一个交织动画，需要使用多个动画对象。 一个An

自实现Hero动画 实现一个头像组件，初始是一个圆形的小图片，点击后查看大图，小图片变大图和大图变回小图片分别执行过渡动画： 实现方案一： Hero动画 Hero指可以在路由页面之间飞行的Widget

自定义路由切换动画 通常左右切换路由API是直接使用CupertinoPageRoute CupertinoPageRoute是Cupertino组件提供的iOS风格的路由切换组件，也是实现左右滑动切

基础动画 代码中addListener函数调用了setState，所以每次动画生成一个新的数字时，当前帧被标记为脏(dirty)，这会导致widget的build方法再次被调用，在build中，改变I

动画原理 任何系统的UI框架中，动画实现的原理都是相同的，即：在一段时间内，快速地多次改变UI外观；由于人眼会产生视觉暂留，所以最终看到的是一个连续的动画，和电影的原理是一样的。将UI的一次改变称为一