随笔分类 - flutter相关
摘要:前言 Flutter 是一个很有潜力的框架,但是目前使用Flutter的APP并不算很多,相关资料并不丰富,介绍现有工程引入Flutter的相关文章也比较少。项目从零开始,引入Flutter操作比较简单,但是现有工程引入Flutter 需要费很多精力和时间,这里是我在完成现有iOS工程引入Flutt
阅读全文
摘要:国内使用 flutter packages get 命令,一直是 This is taking an unexpectedly long time 状态科.学.上.网.无.效.windows解决方案:配置 【用户环境变量】:FLUTTER_STORAGE_BASE_URL: https://mirr
阅读全文
摘要:最常见的构造函数形式,即生成构造函数,创建一个类的新实例: class Point { num x, y; //Dart中int和double是num的子类 //this引用当前类对象 Point(num x, num y) { this.x = x; this.y = y; } } 使用语法糖的时候可以这样定义: class Point { nu...
阅读全文
摘要:前有大佬分享了用CustomPaint画一个自定义的CircleProgressBar的文章, 今天我分享一波自定义View(CustomPaint)的一些基础知识 画布canvas 画布是一个矩形区域,我们可以控制其每一像素来绘制我们想要的内容 canvas 拥有多种绘制点、线、路径、矩形、圆形、
阅读全文
摘要:在 Flutter 中自定义 View 有两种方式: 组合已有控件 自定义绘制 如何自定义绘制 有两个类做这件事情: CustomPaint :会在绘制阶段提供一个 Canvas 画布 CustomPainter : 具体的画笔, 可配置画笔的颜色,路径等 CustomPaint( painter:
阅读全文
摘要:注意:这其实是一篇CustomPaint的使用教程!! 源码地址:https://github.com/yumi0629/FlutterUI/tree/master/lib/circleprogressbar 在Flutter中,CustomPaint就像是Android中的Paint一样,可以用它
阅读全文
摘要:CustomPainter Flutter 中实现绘制的主要是CustomPainter类、 我们一般继承这个类,来使用它; 然后放在父控件的child里用CustomPaint包裹 故事的开始:paint() 自定义绘制非常简单,创建好 Paint 对象,重写 paint(),绘制代码放在pain
阅读全文
摘要:小菜前两天学习了以下 Animation 的基本动画,接下来小菜学习以下稍微进阶版的 Animation 动画。 复合动画 小菜前两天学习的主要是基本的单一动画,当然多个动画效果集一身也是毫无问题的,小菜接下来尝试一个图片显隐性和缩放同时循环使用的 Demo; 时间段动画 既然可以监听动画过程和动画
阅读全文
摘要:小菜一直对动画不太熟悉,最近学习了一些关于动画的皮毛知识,网上资料很多,小菜按自己的理解整理一下。 Animation Animation 可以生成动画过程中的值,生成的值并非单一的 double 也可以是 Size/Color 等;Animation 可以获取状态但无法获取屏幕显示内容。 Anim
阅读全文
摘要:小菜继续学习 Canvas 的相关方法: drawVertices 绘制顶点 小菜上次没有整理 drawVertices 的绘制方法,这次补上;Vertice 即顶点,通过绘制多个顶点,在进行连线,多用于 3D 模型中; drawVertices 包括三个参数,第一个是顶点属性,根据不同属性线的连接
阅读全文
摘要:小菜前几天整理了以下 Canvas 的部分方法,今天小菜继续学习 Canvas 第二部分。 drawXXX drawShadow 用于绘制阴影,第一个参数时绘制一个图形 Path,第二个是设置阴影颜色,第三个为阴影范围,最后一个阴影范围是否填充满; drawImage 用于绘制图片,绘制图片是重点,
阅读全文
摘要:小菜最近在学习自定义 View,刚了解了一下 Paint 画笔的神奇之处,现在学习一下 Canvas 画布的神秘之处。Flutter 提供了众多的绘制方法,小菜接触不深,尽量都尝试一下。 Canvas 画布 drawColor 需要传入两个参数,第一个为色值,第二个为混合模式,有众多混合模式供选择,
阅读全文
摘要:主题色 右下角的FloatingActionButton的颜色就是默认取值MaterialColor, 默认是蓝色的,如果修改成primarySwatch,就会变成这个颜色值。 一、primarySwatch flutter的主题(build下面的theme)中有个主题颜色(primarySwatc
阅读全文
摘要:以下内容从官网得到: https://webdev.dartlang.org/articles/performance/event-loop Even-Looper Dart是单线程模型,也就没有了所谓的主线程/子线程之分。 Dart也是Event-Looper以及Event-Queue的模型,所有
阅读全文
摘要:现在的多平台开发很多啦,目前主流的救赎react native 和weex了,其他的旧的就不说了,新出来的gomobile目前基本无人使用,底层的很多原生对接还没有完善,flutter发布了第一版正式的版本,flutter的安装官网说明是在https://flutter.io/get-started
阅读全文
摘要:/ 文件根目录 参考的是盘符目录 ./ 同级目录 和不加 / 的作用是一致的 参考的是当前文件夹 ../ 父级目录 参考的也是文件夹 / 文件根目录 参考的是盘符目录 ./ 同级目录 和不加 / 的作用是一致的 参考的是当前文件夹 ../ 父级目录 参考的也是文件夹
阅读全文
摘要:前言 如果你对移动端有所关注,那么你一定会听说过Flutter。得益于Google,Flutter一经推出便得受到了广泛关注。很多开发者跃跃欲试,国内部分大厂,诸如美团、闲鱼等团队已经开始了Flutter实践之旅了。笔者也是蹭了一波热度,学习了一下Flutter。Flutter虽然真香,但目前社区显
阅读全文
摘要:一、Container 是一个便利的Widget,它把通用的绘制、定位和Widget的大小结合了起来。 Container会先用padding填充子Widget和border之间的空白,然后添加其他的额外的约束constraints,最后会把剩余的都用margin来填充。 在绘制的过程中,会优先绘制
阅读全文
摘要:先来看看准备界面: image.png 目标是修改图中红色实线框中的喜欢和不喜欢的五角星的修改,以及数字的修改。 在修改之前,有必要先了解一些相关的信息。 知识点 前面简单的提到过,有些Widget是Statful(有状态的),而其他的一些是Stateless(无状态的)。比如继承自Stateful
阅读全文
摘要:Flutter的Widget采用的是现代化的React风格,该风格的设计灵感来源于React这么语言。最核心的理念是你可以使用Widget设计界面。Widget通过当前的state和注册信息来描述view应该长成什么样子的。当当前的状态发生了变化后,Widget会重新构建。 一、Hello Worl
阅读全文