一、本周目标
1、学习目标:
1)进一步掌握绘画动画组件实现丰富的绘画功能
2)掌握计时器、滚动条等组件
3)多屏切换App的开发
2、学习重点:
计时器组件、多屏切换App的开发
3、学习难点:
多屏切换中值的调用
二、准备开始
1、APP新增功能分析
1)增加弹幕
2)保存功能:保存处理好的图片
3)升级选择颜色功能
三、新增功能实现
1、增加弹幕
当发送被点击时,在画布中绘制文本,位置随机
![](https://img.haomeiwen.com/i8231219/95fd9852c7c91a5b.png)
2、保存图片功能
保存功能最简单的实现
![](https://img.haomeiwen.com/i8231219/e1805d4866f18072.png)
保存为指定名称
![](https://img.haomeiwen.com/i8231219/d127a855c09be781.png)
![](https://img.haomeiwen.com/i8231219/1976ed2dbaded48f.png)
保存为输入名称
![](https://img.haomeiwen.com/i8231219/faefea189dfc9934.png)
3、升级选择颜色功能【从三种颜色到调色板】
基础:颜色由RGB(红、绿、蓝)三种基色合成
![](https://img.haomeiwen.com/i8231219/2705b2b59ff8d6a4.png)
1)实现多屏跳转
![](https://img.haomeiwen.com/i8231219/d3f1e8eebdc2c714.png)
![](https://img.haomeiwen.com/i8231219/58446d4acc3a5f28.png)
2)Screen_color的组件设置
![](https://img.haomeiwen.com/i8231219/d8915869d8fc456c.png)
新增组件:
滑动条
重点设置:数值范围从0—255
![](https://img.haomeiwen.com/i8231219/2a164e3b89fca748.png)
3)将返回值传给screen1中的画笔颜色
![](https://img.haomeiwen.com/i8231219/412982d9320b60a6.png)
五、小结
今天学习了新的组件——滑动条,也第一次实现了app屏幕之间的跳转,大家可以多试试
值在多屏之间的传递也是很重要的点,在后续的学习中也非常重要
六、作业
1、完成小安爱画画升级版的设计。
2、尝试增加按钮修改画笔的粗细。
网友评论