Flutter:手拉手带你极速构建漂亮的跨平台(iOS/Android)移动应用 ✿ 初识

no-shadow

最近,学习了一些 Flutter 相关的知识,做了如下的小移动应用,当然是一套代码即可在 iOS 平台运行,也可以在 Android 运行。

下面我将手拉手带您快速构建出漂亮的移动应用界面(如下👇小视频)

此处有视频,请移步到我的博客

初识 Flutter

Flutter 是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

Google 推出 Flutter 移动应用框架已经有三年,直到今年的 Google I/O 开发大会才正式介绍 Flutter 且发布 Beta 版本, Flutter Google I/O 视频 这个是 Flutter 在油管(YouTube)的 Google I/O 开发者大会的视频,请自行观看。

再来看看更加生动的视频介绍,加速您的初识 Flutter

此处有视频,请移步到我的博客

Google 的广告应用 Adwords,阿里的闲鱼 App 都是基于 Flutter 框架开发的。

以下是阿里巴巴用 Flutter 打造了5000多万用户闲鱼 App (Flutter Developer Story) 的故事视频

此处有视频,请移步到我的博客

Flutter 作为谷歌推出的跨平台开发框架,一经推出便吸引了不少注意,在 GitHub 上的 Star 数已超过 4W+

CMTC全球大前端技术大会 ㄧ Flutter视频 这是 Google中国在 bilibili 上发布的视频,请自行观看。

Flutter 特性

通过以上的视频,对于 Flutter 已有所认识,下面再来看看 Flutter 的以下特性

热重载

当你修改了代码 ⌘ - S,可立刻看到效果,而且可以保持界面状态不变(如文本框输入的信息不会改变),如图:

no-shadow

设计

Flutter 自带 Google 推行的设计系统:Material Design ,它提供了丰富的 Material Design 风格的组件(比如:按钮、输入框、对话框、导航栏、边栏等),而且也提供了丰富的 iOS(Cupertino) 风格的组件,利用这些风格的组件能够快速的构建应用,如图

no-shadow

widget

widgetFlutter 应用程序基本构建块, Flutter 既不使用 WebView,也不使用操作系统的原生控件,相反 Flutter 使用自己的高性能渲染引擎来绘制widgetFlutter 的中心思想是用 widget 构建你的 UI(一切皆为 widget) ,如图是官网给出的框架图:

no-shadow

在这个架构里,你可以实现 Flutter 提供的所有现成的 widget ,也可以创建自己定制的 widget ,每个 widget 都是公开的,你可以从高层次且统一的 widget 中获得开发效率优势,这个设计的目标是为了用更少的代码做更多的事情。

语言

Flutter 使用 C、C ++、Dart 和 Skia(2D渲染引擎)技术构建,如上图,底层(engine)是用 C ++ ,框架是用 Dart ,当然我们开发使用的也是 Dart。

Dart 是 Google 发布的一种高效、简洁、拥有完整类型系统的 结构化的Web编程 语言, Flutter 官方给出为什么选择 Dart 作为开发语言的原因,如下

  • 开发人员的效率
  • 面向对象
  • 可预测,高性能
  • 快速内存分配

对于开发者(语言使用者)来说,不必太担心,Dart 和 Java 、 JavaScript 比较类似,有一些程序语言基础,便可拿来即用(不清楚的看看语法、关键字、类型即可)。

现在想必您对 Flutter 已经有了一定的认识,在之后的篇幅了会手拉手带你极速构如文头小视频的小应用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,793评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,567评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,342评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,825评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,814评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,680评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,033评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,687评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,175评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,668评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,775评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,419评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,020评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,206评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,092评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,510评论 2 343

推荐阅读更多精彩内容