05 小安爱画画 2.0

 一、本周目标

1、学习目标:

1)进一步掌握绘画动画组件实现丰富的绘画功能

2)掌握计时器、滚动条等组件

3)多屏切换App的开发

2、学习重点:

计时器组件、多屏切换App的开发

3、学习难点:

多屏切换中值的调用

二、准备开始

1、APP新增功能分析

1)增加弹幕

2)保存功能:保存处理好的图片

3)升级选择颜色功能

三、新增功能实现

1、增加弹幕

当发送被点击时,在画布中绘制文本,位置随机

05 小安爱画画 2.0_第1张图片
当发送被点击时调用画布的绘制文本功能

2、保存图片功能

保存功能最简单的实现

此时保存是没有指定名字的,系统随机命名

保存为指定名称

在逻辑设计事指定名称


05 小安爱画画 2.0_第2张图片
为了避免重名增加时间标记

保存为输入名称

05 小安爱画画 2.0_第3张图片

3、升级选择颜色功能【从三种颜色到调色板】

基础:颜色由RGB(红、绿、蓝)三种基色合成


利用三基色合成颜色

1)实现多屏跳转

实现从screen1至screen_color的跳转


实现从screen_color到screen1的跳转,并将画布颜色设置为返回值

2)Screen_color的组件设置

05 小安爱画画 2.0_第4张图片

新增组件:

滑动条

重点设置:数值范围从0—255


05 小安爱画画 2.0_第5张图片
画布的背景颜色随着滑动条的变化而变化

3)将返回值传给screen1中的画笔颜色


05 小安爱画画 2.0_第6张图片

五、小结

今天学习了新的组件——滑动条,也第一次实现了app屏幕之间的跳转,大家可以多试试

值在多屏之间的传递也是很重要的点,在后续的学习中也非常重要

六、作业

1、完成小安爱画画升级版的设计。

2、尝试增加按钮修改画笔的粗细。

你可能感兴趣的:(05 小安爱画画 2.0)