flutter ,教3岁女儿写代码,做flutter 游戏app,flutter就是这么好玩!

老规矩,先上项目地址https://github.com/Cge001/child_color_change.git

别人都说,做什么事都要从娃娃抓起,这句话不假,但是前提是你得结婚,你得有孩子,还有一个可爱的喜欢你做什么她跟着屁颠屁颠问为什么的小孩子,而且年龄小,最最关键的是,她要对你做的工作感兴趣,哈哈。幸好,这些条件我刚好符合。

其实小孩子天生是个探险者,好奇心大得很。。。

一个偶然的机会,我发现我写代码的时候,她很好奇。打开Android Stuido,她就会很好奇的问这问那,而且喜欢“敲敲代码”,当然不是真的敲,是手在瞎点,感受着代码带来的变化。。。现在是彻底玩会了电脑断网时,浏览器中的小恐龙跳跳游戏。。。如下图。

有一次,碰到flutter中的一行Color设置,

她好奇的发现我改变一下这几个数字,左边的色值图标会发生不同颜色的改变,其实小孩子对这些颜色是很好奇和有浓厚兴趣的,对她来说这一发现可了不得,自己输入数字,输入了又删,删了又输入,根本停不下来。。。

刚开始我只告诉她1-0纯数字,输入8位,就有颜色显示,后来干脆改成Color(0xff222222),告诉她只用输入6位数字就可以了。慢慢的熟悉之后,每次她就知道了删除到0xff的位置停下来,瞎点击6个数字就开心的看到颜色。后来又教她键盘上还可以输入ABCDEF这6个字母和数字组合也可以改变颜色。慢慢地她感受到了颜色变化的开心和这种让人莫不这头脑但是高兴的停不下来的千变万化的幸福感。。。

当时我就在想啊,能不能直接给她做一个简单的app,搞个色值变化的app,就像这个0xff222222一样,输入到6位满了就改变颜色。。。不用每次都mac键盘输入,太麻烦,直接手机按钮点击。还能认识ABCDEF字母。于是,开始搞,花了半个小时搞了个app。如图

上图是项目的ios和android的截图,由色块和随机小图片,色值文本显示、和色值按钮(数字+字母),和切换图片按钮。

连续点击按钮6次,则会发现色块会变色,其实点到5次就有颜色显示,只是颜色很浅。点击右下方的按钮,会发现随机小图片发生变化。项目很简单,没啥技术含量,关键是寓教于乐,让喜爱孩子感受着数字的改变会改变颜色。

app做出来后,女儿开心的摸索了很久,后面加了个图片变化的功能,她发现自己的小图片时更加激动的不得了。

等她玩累了,再看她有什么其他的兴趣,再做其他的app让她慢慢的对写代码感兴趣。

我真希望有一天,等我老了,累了,写不动代码了,她扫一眼屏幕跟我说“老爸,你这里漏了个分号。。。”,那个时候我就开心了。

哈哈,开玩笑的。开心就好。

顺便附上项目地址:https://github.com/Cge001/child_color_change.git

发布了9 篇原创文章 · 获赞 0 · 访问量 454

猜你喜欢

转载自blog.csdn.net/wangyajuncsd/article/details/104570135