小学信息技术 课件教案 6年级下册 课时12_第二单元_羊城新八景——界面布局与屏幕切换-课件.pdf

六年级广州版信息技术第二单元广州市越秀区署前路小学 严佩宜第第1313课课 羊城新八景羊城新八景界面布局与屏幕切换界面布局与屏幕切换学习的主要内容1.增加屏幕2.“标签”组件的使用3.界面布局的使用4.屏幕的切换“羊城新八景”应用程序 点击首页的景点按钮，就能切换到相应的景点介绍页面。点击返回按钮又能回到首页。思考：思考：“羊城新八景羊城新八景”程序有什么功能？实现这些功能程序有什么功能？实现这些功能需要解决哪些问题？需要解决哪些问题？任务分析任务分析任务一：新建项目、增加屏幕任务一：新建项目、增加屏幕任务一：新建项目、增加屏幕注意：屏幕名称只能字母、数字和下划线，且一定要字母开头。屏幕名称一旦命名确定后就不能修改了。我们接下来无论是组件还是逻辑设计时都要注意当前是在哪个屏幕。标题文字标题文字各个景点的各个景点的图片按钮图片按钮木棉仔的图片木棉仔的图片任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计标题文字标题文字任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计：显示文字 任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计如何使两个组件并排？如何使两个组件并排？任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计如何使两个组件并排？如何使两个组件并排？任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计如何使按钮组件以表如何使按钮组件以表格形式排列？格形式排列？任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计如何使按钮组件以表如何使按钮组件以表格形式排列？格形式排列？任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计请暂停播放，完成操作后再继续。任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计布局组件布局组件布局组件属性布局组件属性请暂停播放，完成操作后再继续。任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计组件名称组件名称组件属性组件属性请暂停播放，完成操作后再继续。任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计第一，表格里的是按钮不是图片。任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计第二，注意按钮组件定位在哪个单元格注意按钮组件定位在哪个单元格任务二：对每个屏幕进行组件设计（1 1）Screen1Screen1的组件设计的组件设计组件名称组件名称组件属性组件属性图像：1gslf.png图像：2yxfh.png图像：3ysdc.png图像：4sdwc.png图像：5kcjx.png图像：6tyxc.png图像：lwsj.png图像：zgls.png请暂停播放，完成操作后再继续。小知识：水平布局、垂直布局和表格布局可互相嵌套，水平布局、垂直布局和表格布局可互相嵌套，组合多种布局效果。组合多种布局效果。小知识：水平布局、垂直布局和表格布局可互相嵌套，水平布局、垂直布局和表格布局可互相嵌套，组合多种布局效果。组合多种布局效果。任务二：对每个屏幕进行组件设计（2 2）任务二：对每个屏幕进行组件设计（2 2）请暂停播放，完成操作后再继续。屏幕屏幕位置位置内容内容组件组件功能功能Screen1第一部分图片、标题文字水平布局+图像、标签图文并茂的标题第二部分八张图片表格布局+8个按钮以表格方式排列8个图片按钮Screen2第一行标题文字水平布局+标签居中显示标题文字第二行图片水平布局+图像居中显示景点图片第三行简介水平布局+标签居中显示简介文字第四行返回水平布局+按钮右边显示返回按钮任务三：完成首页与景点页面切换的逻辑设计完成首页与景点页面切换的逻辑设计当当 被点击，被点击，屏幕屏幕 。古祠流芳按钮古祠流芳按钮跳转到跳转到Screen2Screen2当当 被点击，被点击，屏幕屏幕 。返回按钮返回按钮跳转回跳转回Screen1Screen1任务三：完成首页与景点页面切换的逻辑设计完成首页与景点页面切换的逻辑设计当按钮被点击当按钮被点击屏幕跳转到另一屏幕屏幕跳转到另一屏幕任务三：完成首页与景点页面切换的逻辑设计完成首页与景点页面切换的逻辑设计当按钮被点击当按钮被点击屏幕跳转到另一屏幕屏幕跳转到另一屏幕注意：注意：1.1.确定确定屏幕名称屏幕名称输入正确。输入正确。任务三：完成首页与景点页面切换的逻辑设计完成首页与景点页面切换的逻辑设计注意：注意：1.1.确定确定屏幕名称屏幕名称输入正确。输入正确。2.2.要确认当前是在哪个屏幕要确认当前是在哪个屏幕。任务三：完成首页与景点页面切换的逻辑设计完成首页与景点页面切换的逻辑设计请暂停播放，完成操作后再继续。继续增加七个景点对应的屏幕，参考Screen2设计组件、编写程序，并进行测试。实现点击Screen1中任一景点就能切换到该景点的效果。任务四：完成完成“羊城新八景羊城新八景”项目项目首页首页Screen1Screen1Screen2Screen3Screen4Screen5Screen6Screen7Screen8Screen9请暂停播放，完成操作后再继续。拓展任务：“羊城新八景”的开发设计1、新建项目2、增加屏幕3、组件设计Screen1水平布局图片、标签表格布局按钮Screen2水平布局标签、图片、按钮4、逻辑设计Screen1Screen25、连接调试总结总结功能功能问题问题解决方法解决方法1、有多个画面如何增加多个画面呢？增加屏幕2、首页上图文并茂如何在屏幕上显示标题文字？3、首页的景点图片按钮以田字格形式排列如何使图片摆放得像表格一样？4、点击图片按钮跳转不同的画面如何实现切换不同的屏幕呢？逻辑设计控制屏幕的切换总结总结操作操作要注意的地方要注意的地方增加屏幕 屏幕名称：字母开头，字母+数字+下划线组成，确定后不能改“界面布局”组件的使用 注意组件拖动到布局的位置 可以互相嵌套使用“打开另一屏幕 屏幕名称”代码块切换屏幕 注意确认当前是哪个屏幕 屏幕名称不能输入错误再见