第二章：代码初试，心起排斥

上一章跟着人家的例子照猫画虎地开启了自己在Flutter学习的第一个HelloWord程序。写完这个HelloWord以后你可能会感觉这代码写的云里雾里的，完全是别人家的。其实这都没关系的。记住上一章的重点就行。

解读一下上一章的重点：

1、为什么我们先不学Dart语言？

• 因为我们有java基础，Dart语言也是面向对象语言跟java有很多相似之处。
• 学习不能盲目的学，一门新的语言相当于一本字典。如果你从字典的第一页开始看，相信你看不到10页就放弃了。所以用到了再去学这样记得是最深刻的。

2、掌握Flutter应用创建过程

• 这个没必要说了，一步步来就行了。跟原生没啥区别

3、习惯项目目录结构

• 在创建了项目后你会发现目录结构很明确：
• android文件夹下面是原生安卓的东西
• ios文件夹肯定就是iOS开发相关的东西
• lib这个文件夹就有意思了，通过demo发现所有的代码都是在这个文件夹下完成的。这个就是给我们写Flutter的地方了。将来和我们打交道最多的就是它啦。

HelloWord已经完成。我们下一步我们从哪入手呢？作为一个Android程序员，我们肯定对安卓开发有很多经验了。我们一定要先看看Flutter开发和原生开发有啥区别呗。那我们就来读第二篇文章Flutter for Android 开发者【经验：无论看懂看不懂，一定要认真的阅读一遍】，在这篇文章很好，帮我们对比着整体了解了一下Flutter开发过程。以下是我在读这篇文章时的收获：

1、Android中所有视图控件的祖宗是View；Flutter中所有的视图控件的祖宗是widget；（以后你会发现widget这个祖宗比Android中的View亲民多了）

2、Flutter中没有xml文件，所有的布局都是在代码中完成的（是不是很不习惯，将来你会习惯的，哈哈）

3、Flutter中资源文件存放挺有意思（很随意，纯手工。可以在阅读完后创建个页面，然后写个加载本地图片的Image,体会一下）

4、Flutter页面跳转，没有任何套路（了解一下就行）

5、Android中的LinearLayout 在Flutter中被分成了垂直布局的Column和水平布局的Row（先让你知道怎么用最普通的布局）

6、熟练掌握我们的第一个控件Text

看完我总结的这些收获，你可能感觉都是一点皮毛。这就对了，因为在我在学习Flutter的路线中我的收获就是这些。

看到这儿，我建议大家先读完刚才说的那篇文章Flutter for Android 开发者，然后再读下面的内容。

接着讲哈，我们之前搭建完HelloWord，也通过对比了解了Flutter的一些皮毛。如果我们再继续学该从哪学呢？在我看来，开发App的过程就是搭建一个机器人的过程。我们得先学会搭建一个App的脸面，就是学习搭建布局。是时候推出下一篇文档了：构建布局 - 教程【一篇一篇文章的推出，大家可能感觉在我的文章中没有给出任何代码。我讲的是我从零学Flutter的学习路程】。在仔细读这篇文档的时候我建议大家，动起手来，一步一步地跟着文档实现其中介绍的效果。一定要类比和原生开发的区别。

在读这篇文档的时候我的收获：

1、资源文件的存放和使用

2、Column、Row 控件的使用：crossAxisAlignment属性和mainAxisAlignment属性的区别

3、Container 控件padding ，margin的使用

4、不是所有的控件都有width 和 height属性

5、Expanded控件跟Android控件中的weight属性差不多

6、Stack控件跟Android中的FrameLayout相似

7、整个布局就想一棵树，child、children随处可见

相信你在读完构建布局 - 教程这篇文章后，如果你也动手实现了里面的效果。Flutter给你的感受就是：布局真TM乱，套来套去，这渣玩意儿怎么能和Android中的xml相比，老天再给我个xml吧。其实我当时的感受跟大家是一样的，有排斥的心态。但是你们比我幸运，你们有我给你们带来光明^_^。【太阳来啦】：习惯以后你就会发现其实这种布局也没想象中的乱，说不准将来你会爱上它，哈哈。

本篇文章到此结束。有时间可以看看这篇文章添加交互- 教程，内容并不长，加油。

 

悄悄话：

安卓开发者的福利：小绿人  一个实用的安卓开发工具箱，搜集了数千个开源项目。拿走不谢^_^。