博客

Google 的广告应用 Adwords，阿里的闲鱼 App 都是基于 Flutter 框架开发的。Flutter 框架可以使用一套代码生成在两个平台（iOS 与 Android）上运行的移动应用。宁皓网最近完成了《Flutter 移动应用》第一季的录制，200+ 个练习可以让你学会使用这套框架开发移动应用。

决定学习之前，可以先了解一下使用 Flutter 开发移动应用的体验。订阅宁皓网以后就可以在线学习这套移动应用开发框架了。

7 岁左右的一天傍晚，我听到有人在院子门外大吼，父亲端着一只烛台出去观望。他推开了院子的门，走了出去，我在院子里面，立起耳朵努力地听外面在说什么。大吼的是个邻居，以前犯过事，蹲过监狱。他来我们家门外闹事，原因我已经记不清楚了，好像跟母亲有些关联。因为有一次他冲到我们家，拿着柴火打了母亲，那天父亲不在家。从那以后有很长一段时间我都想着自己长大以后要复仇。

这次他又来闹事，他跟父亲在外面说的具体是什么我都记不清了，只记得父亲拿着烛台的样子，还有两句话。那人说：“我今天要杀人了啊”。父亲回了一些话，最后说了一句：“为了孩子...”。这事儿就这么过去了。不过 “为了孩子” 这句话对我影响很大，让我觉得自己很重要，感觉很安全。父亲年轻时也经常好勇斗狠，用他的话讲，就是当时没有太多娱乐活动，打架是为数不多的乐趣之一。他头顶还有个挺深的坑，是打架时被人用水壶敲的。认识母亲以后，他才开始慢慢变得温顺。

这种家庭的观念从小就被灌输进来。虽然家里经历了长时间的颠沛流离，不过无论是在帐篷里过年，漏雨的屋子，还是冬天会结冰的天花板，这也都是父母当时尽力提供的一个相对舒适的环境，这让我从未感到恐惧。

这些编辑技巧其实没什么好学的，只有练习，练成肌肉记忆，就是在使用它们的时候应该不用思考，一个指令下来手就完成了对应的操作。就像五笔打字，我们一般是不用想那些字根的，就是直接把字打出来，如果单独让我说出一个字的五笔打法，我八成都说不出来，只有把手放在键盘上的时候，才能敲出字来。

不要怀疑自己的背景，任何人都可以学习软件开发，现在就去动手做，不再害怕，暂时放起自己的想法，自学的时候要像个傻瓜。

睡好觉，咖啡抵不住困

现在不管做什么，前提都得要睡好。我睡眠一直还行，不过有时候手欠，晚上如果有点工作要做，就想喝个咖啡。工作做完以后会很兴奋，加上咖啡因起作用，眼睛雪亮像狼一样，过于兴奋就会晚睡，但是咖啡因又让我比平时早起一两小时。

一遇到这种情况我就知道，今天一定是费掉了，觉得亏了，还不如前一天少做一会。因为早起那一两小时，脑子里的垃圾没清理干净，一直有困意。但又不想浪费一天时间，就会再喝个咖啡，然后又会补上两杯。发现没什么效果，又想着补个觉。但是咖啡因起作用了，又有困意，又兴奋的睡不觉，这种感觉很难受。

咖啡只能在你清醒的时候让你更清醒，更专注，但它绝对不是困意的对手。我说的困，还不是真正的困，就是你会感觉有种物质在脑袋里面，可以想成是垃圾，又像是一种力量在拽着你要开工的大脑，它会影响大脑的正常工作。这种状态下，我几乎什么都做不了，即使是不需要太多思考的事情，甚至是让我看个喜欢的电影也不行。

像这种情况每个月都会有两次，也没什么好的办法，只能等咖啡因跑掉，晚上再睡个好觉。不过今天我想应该可以用点酒来稀释咖啡因的作用，我喝点酒就会困，但很多人是越喝越兴奋。写到这里感觉好一些了。

Google 推出 Flutter 移动应用框架已经有三年了，不过直到今年的 Google 开发大会，好像才正式把它搬出来介绍给大家。 看得出来 Google 内部也相当重视 Flutter，不但在大会上用了很大篇幅介绍，还在油管上的 Google 频道开了专门介绍 Flutter 的节目。下面一块儿唠唠使用 Flutter 的开发体验，做为开发者，这个开发体验对咱们来说还是相当重要的。从几个方面聊一下，语言、工具还有设计。

Snippets，代码片断。就是事先准备好的一块样板代码，通过自定义的简短的字符可以快速得到对应的样板代码。在这块代码里面可能会有几个编辑点，用户使用 tab 键或者 shift + tab 可以在这些编辑点之间来回切换。在宁皓网最近的 Flutter 课程里，用到了几个代码片断。

新建一个小部件，名字叫 WidgetDemo，让它作为 Home 小部件里的 Scaffold 的 body 属性的值，这样在界面的主体就会显示这个 WidgetDemo 里面的东西。

文字看的不过瘾，订阅宁皓网以后看 Flutter视频。

Flutter 内置了一套 Material Design 的颜色系统，在应用里我们可以直接使用这个颜色系统里提供的各种不同的颜色。这些颜色是在 Colors 这个类里定义的一些静态属性，所以使用它们的时候一般就是用 Colors 这个类的名字后面加上要用的颜色的名字，比如 Colors.red，Colors.yellow，Colors.blue 等等。

明暗度

Material 颜色系统里的颜色一般还会有一组不同明暗程度的相近的颜色。这个明暗度的值一般是 50 到 900 之间，50 最亮，900 最暗。使用它们的时候可以像这样：Colors.deepPurple[800]，Colors.deepPurple[100]。

Material，是 Google 推行的一套设计语言，也可以理解成是一套设计规范或者设计风格。它给我们提供了很多关于如何设计应用的参考，比如颜色怎么搭配，各种界面组件怎么设计，元素之间的距离，动画等等。Flutter 是 Google 做的开发移动应用的东西，它里面很多地方都用到了这套 Material 设计系统，比如颜色，还提供了各种 Material 风格的界面组件，在开发应用的时候，我们可以直接拿过来用。

下面是在宁皓网 Flutter 移动应用开发课程里做的演示，里面用到了一些 Material 小部件，比如工具栏，底部导航栏，抽屉等等。这些小部件的用法会在后面的课程里介绍到。学习它们的最好的方法就是，一个一个的来。通过一些小练习，慢慢就会发现规律，脑子里就会有概念了，也会形成一套设计与开发的思维方式。

Flutter 里面到处都是小部件（Widget），你要显示一行文字，用一个 Text 小部件。需要展示图像，需要用到 Image 小部件。需要一个能设置背景、尺寸、边距的容器，可以使用 Container 小部件。要添加一组并排显示的内容，要用的是 Row 小部件。需要一组竖排显示的内容，可以使用 Column 小部件。

小部件可以组合到一块儿用，一个小部件是可以是另一个小部件或者另一些小部件的爸爸，另一个小部件又可以有它自己的孩子或孩子们。有些小部件只能有一个孩子（child），比如 Container。还有些小部件可以有多个孩子（children），比如 Row 或者 Column。

不同类型的小部件都有各自的功能，它们里面都定义了一些属性还有方法，通过这些东西我们可以配置使用小部件。比如 Container 部件里可以使用 width 设置容器的宽度，或者使用 height 属性设置容器的高度，在它的 child 属性里面需要指定这个 Container 的孩子是谁。注意部件属性的值很多都是 double 类型的，比如你需要一个 100 宽的容器，这个 Container 的 width 应该设置成 80.0，而不是整数 80。