Flutter之踩坑的日子(1)

这些天走马观花阅读了很多flutter的入门与实战书籍,说起来还是有点小失望的。现在编程类的书籍,其流程几乎千篇一律,都是从搭建运行环境开始,接着是相关语言的基础,基本组件的使用这些内容,最后用综合案例来做总结。

对于“做出一点东西”来说,这些介绍足够了。

但是对于“做出一个实用的项目”来说,这些介绍尚嫌不足。

我希望自己在做相关开发的时候,能够高屋建瓴,搭建起一个并非仅仅适用于一个项目的骨架,并且将这个骨架运用起来。

从这个角度来说,常见的入门与实战书籍,起到的作用实际上是工具参考书。

那么,就以一个足够实用的项目,和这个骨架,来作为这篇文章的内容吧。

首先这篇文章里不打算介绍安装运行环境之类的事情。想要进行flutter的开发,能够自己找到足够的资料,搭建一个合适的运行环境是起码的素质。

然后这篇文章也不打算按照组件A、组件B、组件C...这样的模式来介绍各种组件的使用方法。我这次预备介绍一个完整项目从灵感到立项,从草图到设计,从编码到测试,从调试到调整的全部过程。

这个项目的灵感是来自印象笔记。最近我需要一个多平台的笔记软件,来记录和携带一些灵感、随笔和简单的记事。

但是试用了很多笔记软件,并不完全地符合我的需求。

我的感觉里,笔记这种玩意,应该是一个本子,拿起来就写,不用了就放下。然而现在的笔记软件动辄登录、会员、广告...

我另外有一个需求,就是将我自己的笔记发布给别人看。现在有些笔记软件支持了群组之类的功能,但是相对来说,就比较私密,只有对应的好友分组,对应的成员,才可以看到发布的笔记。

以上种种,所以自己做一个吧。

当然了,我开始的计划里,是准备在flutter的支持下做一个项目骨架的。但是在那之前,我必须对flutter有足够的了解。所以接下来,还是从flutter提供的基础项目模板开始。

这个项目的起始点,是main.dart ,等同于C语言中的主函数。对于具备其他语言编程基础的人员来说,语法这种东西,只需要一本手册,就可以在使用过程中慢慢熟悉起来。

首先,这个main.dart运行起来之后,我们会得到一个界面。在桌面开发里,我们称这个界面为主窗口,而在智能手机开发时,我们通常称这个界面为主页面。

在进行flutter开发时,我们需要记住这样一件事情:

所有的东西,都是组件。

Widget

这句话先记住,但是不用想太多。编程这种事需要熟悉,需要日积月累。接下来我们需要了解的,是flutter开发的步骤。

对于一个页面来说,flutter开发至少包括下列内容:

1 搞清楚自己需要做一个什么样的页面。

2 将页面划分为不同的组件。

3 在合适的布局里安排这些组件。

4 考虑页面的响应,与后台的处理。

5 适当的美化。

对于一个项目来说,flutter开发至少包括下列内容:

1 项目的主要功能是什么?确认项目的所有功能。

2 项目的用户是哪些人?确认可能用到项目的所有角色。

3 项目具备多少个页面?为每项功能设计相关页面。

4 项目功能是否都可以实现?考虑功能的后台实现。

5 实现功能要求的所有页面。

6 将页面与后台联系起来。

7 进行测试、发布、和后续的宣传。

首先我使用草图设计出整个笔记软件的界面,从而初步确定项目所有的页面。

一共22个主要页面。

首先是所有软件默认都具备的欢迎界面。

显示软件信息,等待几秒,或者用户单击界面后,进入后续。

从功能上来说,欢迎页面用来展示界面信息以及必要的公告、提示。

Flutter之踩坑的日子(1)

这个页面如何实现,用到哪些组件,在flutter里如何执行?这些事情,我们留在下一篇文章介绍。

猜你喜欢

转载自blog.51cto.com/14931232/2537658
今日推荐