Flutter
FlyingWDX
这个作者很懒,什么都没留下…
展开
-
Flutter 动画
一、基本的动画概念和类Animation:Flutter动画库中的一个核心类,它生成指导动画的值。 AnimationController:管理Animation。 Tween:用来定义动画的执行区间。例如,Tween可能会生成从红到蓝之间的色值,或者从0到255。 CurvedAnimation:定义一个非线性曲线的动画. Listeners:监听动画的运行过程。 StatusLi...原创 2019-12-04 17:48:19 · 478 阅读 · 0 评论 -
Flutter async、await、Future
一、Flutter中的Event LoopFlutter是有Dart语言开发的,与Android一样是事件驱动的,在Android中的结构是Looper/Handler,相信熟悉Android开发的的同事对Looper循环器和Handler都非常深刻。但在Dart语言中也有自己的Event Loop,那Dart中的Event Loop是什么样的结构呢? 下面我们先通过一个简单的流程图来观察和了...原创 2019-12-02 11:40:21 · 558 阅读 · 0 评论 -
Flutter 页面跳转及参数传递
一、Flutter 页面跳转及参数传递在Android中,可以通过Intents来在Activity之间切换或调用外部组件,但Flutter不具有Intents的概念,那么我们如何在Flutter中来实现屏幕切换呢?要在Flutter中切换屏幕,您可以访问路由以绘制新的Widget。 管理多个屏幕有两个核心概念和类:Route (路由)和 Navigator(导航器)。Route是应用程序的“...原创 2019-11-28 09:08:11 · 2963 阅读 · 0 评论 -
Flutter实现底部导航栏样式
一、Flutter实现底部导航栏在手机端App主界面中,我们经常看到下面有多个按钮Tab,点击下面的Tab,切换上面的页面。类似与如下效果 在实现Flutter实现底部导航栏的时候,我们先学习连个widget.1、BottomNavigationBar BottomNavigationBar({...原创 2019-11-27 11:38:29 · 1855 阅读 · 1 评论 -
Flutter MaterialApp和Scaffold
一、MaterialApp为了继承主题数据,widget需要位于MaterialApp内才能正常显示, 因此我们使用MaterialApp来运行该应用。所以MaterialApp是Flutter App开发中的界面设计入口,MaterialApp({ Key key, this.title = '', // 切换应用程序时的标题描述 this.home, // 所要显示的界...原创 2019-11-26 18:03:47 · 552 阅读 · 0 评论 -
如何使用Canvas draw/paint
一、如何使用Canvas draw/paint在Android中,您可以使用Canvas在屏幕上绘制自定义形状。但是在Flutter我们要借助CustomPaint和CustomPainter类来帮助我们绘制画布,它们实现您的算法以绘制各种图案到画布。二、CustomPaint和CustomPainter1、CustomPaint 介绍CustomPaint让用户能够自定义widg...原创 2019-11-25 11:55:46 · 1389 阅读 · 0 评论 -
Flutter 拥有多个子元素的Widgets
1、Row、Columnrow在水平方向上排列子widget的列表。column在垂直方向上排列子widget的列表。a、Row、Column属性MainAxisAlignment:主轴方向上的对齐方式,会对child的位置起作用,默认是start center:将children放置在主轴的中心; end:将children放置在...原创 2019-11-22 17:20:13 · 2221 阅读 · 1 评论 -
GestureDetector
一、GestureDetectorGestureDetector 是检测手势的widget。在手机屏幕上的指定位置所产生的事件流都有GestureDetector决定是哪种手势。GestureDetector({ Key key, this.child, this.onTapDown, this.onTapUp, this.onTap, t...原创 2019-11-22 17:06:44 · 331 阅读 · 0 评论 -
Flutter-常用布局widgets
一、widget容器1、Container添加 padding, margins, borders, background color, 或将其他装饰添加到widget.a、Container中包括的属性alignment: 对齐方式 padding: 内边距 color: 颜色 decoration: 装饰 foregroundDecoration: 前置装饰 widt...原创 2019-11-20 18:06:39 · 213 阅读 · 0 评论