作一件完整的作品中,附上作品简介和作者说明、以及多种的模式的选择,让作品界面更友好。
示例:
![[转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换 [转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换](https://i-blog.csdnimg.cn/blog_migrate/124767187d1e3088062427c78d508618.jpeg)
一、组件设计
1、垂直布局和水平布局:让作品题目与选项区域分开
2、画布与图像精灵:思考如何出现动态的图像?
3、屏幕建立、关闭与启动:
![[转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换 [转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换](https://i-blog.csdnimg.cn/blog_migrate/658f719d5bb674760a0ca74b71b62155.jpeg)
二、组件属性
1、设置相关组件的属性:(按个人喜好)
2、切换屏幕,并修改Screen2至Screen5的标题:单人模式、双人模式、作品简介、作者介绍
![[转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换 [转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换](https://i-blog.csdnimg.cn/blog_migrate/f21faf1836e4915538a015bf3246e068.jpeg)
![[转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换 [转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换](https://i-blog.csdnimg.cn/blog_migrate/6334341633c8ae4746caf737ae0bfd2a.jpeg)
![[转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换 [转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换](https://i-blog.csdnimg.cn/blog_migrate/9339671576d9b59c8e025e55e1bc3468.jpeg)
![[转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换 [转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换](https://i-blog.csdnimg.cn/blog_migrate/42b137c0272f80c70b3ce6315faf7ba9.jpeg)
![[转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换 [转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换](https://i-blog.csdnimg.cn/blog_migrate/2f5d78e105b05767623706858b63da7a.jpeg)
三、逻辑设计
![[转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换 [转载]第5课 <wbr>完整的作品--屏幕的关闭、启动与切换](https://i-blog.csdnimg.cn/blog_migrate/c7d8791886b98d2fed38c4258598dce0.jpeg)
注意:书写屏幕名称时,应以英文单词为主,注意关闭中文输入法,注意大小写区别。
进阶思考:
1.如何实现屏幕之间的切换,如从屏幕2返回到主屏幕
2.给主屏幕增加“退出”按钮并实现编码功能。