摘要:本文是Flutter中Canvas和CustomPaint API的使用实例。 首先看一下我们要实现的效果: 结合动图演示,列出最终目标如下: 在程序运行后,显示一个小球; 每次程序启动后,小球的样式均发生随机性变化,体现在大小、颜色和位置三点; 小球运行的规律参考桌球或三维弹球游戏; 单击屏幕,小 阅读全文
posted @ 2020-07-30 15:26 萧文翰 阅读(288) 评论(0) 推荐(0) 编辑
摘要:从一开始接触Flutter,相信读者都会铭记一句话,那就是——一切皆组件。今天我们就来体会一下这句话的神奇魔力,我们先从实际的产品需求说起。 我们先来看一个简化的运行图: 我们要实现如上图所示的日期选择器,App是iOS风格。 Flutter SDK自身有类似上图的日期选择器,但是Material 阅读全文
posted @ 2020-07-27 13:20 萧文翰 阅读(468) 评论(0) 推荐(1) 编辑
摘要:要问到Flutter和Android原生App,在开发是有何区别,编程方式是绕不开的话题。Flutter采用声明式编程,Android原生开发则采用命令式编程。 声明式编程 VS. 命令式编程 我们首先要明确的,是何为声明式编程,何为命令式编程。 何为声明式编程 摘录一段来自百度百科的定义: 声明式 阅读全文
posted @ 2020-07-17 14:25 萧文翰 阅读(342) 评论(1) 推荐(0) 编辑
摘要:如果你是一位前端开发工程师,对“跨平台”一词应该不会感到陌生。像常见的前端框架:比如React、Vue、Angular,它们可以做网页端,也可以做移动端,但很少能做到跨PC、Mac端,也就是我们熟知的Windows、Linux以及macOS上的应用程序。即使有,受限于JS的性能瓶颈,当有大量的科学计 阅读全文
posted @ 2020-07-11 10:01 萧文翰 阅读(406) 评论(3) 推荐(1) 编辑
摘要:继上一篇Flutter自定义组件的视频短课(视频地址: https://www.bilibili.com/video/BV1ap4y1U7UB/ )后,我们继续来聊自定义组件。视频中我为大家详解了Cupertino风格的单选框的实现,这次我们就说说Cupertino风格的复选框。我们先来看看效果: 阅读全文
posted @ 2020-07-05 14:01 萧文翰 阅读(46) 评论(0) 推荐(0) 编辑
摘要:这次是Flutter开发技术分享,解决的问题点来自本人实际的开发经历。 首先描述一下问题:在某个组件中调用setState()方法更新该组件状态,结果是无法做到更新效果,组件仍然维持原状。 下面我们用代码示例还原问题场景: class _MyHomePageState extends State<M 阅读全文
posted @ 2020-06-20 10:47 萧文翰 阅读(218) 评论(0) 推荐(0) 编辑
摘要:今天和各位分享一个博主在实际开发中遇到的问题,以及解决方法。废话不多说,我们先来看需求: 我们要做一个iOS风格的底部菜单弹出组件,具体涉及showCupertinoModalPopup()方法,该方法被执行后,会出现如下图类似所示的菜单弹出视图: 相信这个弹出菜单视图都有见过吧?下面重点来了:在本 阅读全文
posted @ 2020-06-13 10:35 萧文翰 阅读(246) 评论(1) 推荐(0) 编辑
摘要:在实际开发中,我们通常需要实现某个组件的更多点击事件。比如:原生的RaisedButton组件是无法响应诸如拖拽或是按下、抬起等细化的动作,它只有一个onPressed()方法来表示。当我们想实现这些细化事件时,通常使用的组件是GestureDetector。 我们先来看下面这段代码: Gestur 阅读全文
posted @ 2020-06-09 13:19 萧文翰 阅读(252) 评论(0) 推荐(0) 编辑
摘要:概述 今天,我们来聊聊一个专门为“懒人程序员”准备的工具——Adobe XD。使用它可以快速将原型设计图转换为可执行的Flutter代码, 而由于Flutter自身跨平台的特性,因此这些自动生成的代码即可以用在Android、iOS这样的移动设备上,也可以用在Web页中。 认识Adobe XD 首先 阅读全文
posted @ 2020-06-04 16:16 萧文翰 阅读(552) 评论(0) 推荐(1) 编辑
摘要:今天,我们来聊聊移动端原生开发。本篇文章涉及Android/iOS两大移动端,将从产品优势和使用方式两大角度解读阿里云移动研发平台(EMAS)。 一、产品优势 阿里云平台所提供的移动研发平台,英文简称为EMAS,意为Enterprise Mobile Application Studio。从名称上看 阅读全文
posted @ 2020-04-27 11:41 萧文翰 阅读(145) 评论(0) 推荐(0) 编辑