粤教版第三册第13课《羊城新八景——界面布局与屏幕切换》课件（28页PPT）

(课件网) 夏日小清新商务通用PPT模板 汇报人：小熊猫 时间：2019.06.07 第二单元 第13课 羊城新八景 夏日小清新商务通用PPT模板 汇报人：小熊猫 时间：2019.06.07 第二单元 第13课 界面布局与屏幕切换 好厉害！我也想学！ 我设计了一个“羊城新八景”的应用程序，点击首页的任一景点就能切换到介绍该景点的画面。 以上应用程序有什么功能？实现这些功能需要解决哪些问题？ 说一说 一、增加屏幕 如果应用程序涉及多个屏幕的切换，那么在开发软件时要先增加相应的屏幕，然后再对每个屏幕进行组件设计和逻辑设计。 一、增加屏幕 新建项目并命名，同桌之间互帮互助，增加屏幕Screen2。 跟着做 二、组件设计 二、组件设计 由于所设计的项目涉及多个屏幕，所以每个屏幕的组件要分别进行设计。 切换到Sereen1，小组合作，完成该屏幕的组件设计。 二、组件设计 （1）设置Screen1的属性：将水平对齐设置为“居中：3”，标题设置为“首页”，上传“图标”图片。 二、组件设计 （2）设计界面：依次拖动“界面布局”的“水平布局”和“表格布局”到工作面板中，实现将屏幕划分成两部分的效果。 二、组件设计 分别设计组件属性。 二、组件设计 （3）在“水平布局”中：添加“图像”和“标签”组件，并重命名和设置相关属性。 二、组件设计 （4）在“表格布局”中：添加4个“按钮”组件，重命名和设置相关属性。 二、组件设计 在组件设计时，要达到所需的版面效果，可以使用页面布局中的“水平布局”“垂直布局〞和“表格布局” 等组件。 二、组件设计 “水平布局”组件：实现内部组件自左向右的水平排列。 “垂直布局”组件：实现内部组件自上而下的垂直排列。 “表格布局”组件：实现内部组件按照表格方式排列。 二、逻辑设计 “标签〞 属于用户界面组件，用来显示文字。标签的文本属性用来设置将要显示的文字，其他属性用来控制组件的外观及位置，这些设置均可以在组件设计或逻辑设计界面中进行。 二、组件设计 水平布局、垂直布局和表格布局可互相嵌套，组合出多种布局效果。例如，可以将多个“垂直布局”组件拖动到“表格布局”组件里。 小知识 切换到屏幕Screen2，将标题设置为 “景点介绍”，并完成该屏幕的组件设计。 动手做 三、逻辑设计 单击窗口右上方的“逻辑设计”按钮，进入逻辑设计界面，小组合作，编写程序。 （1）实现在Screen1屏幕中点击“古祠流芳”按钮时，切换到Screen2屏慕的程序效果。 三、逻辑设计 （2）实现在Sereen2屏幕中点击“返回”按钮就回到首页的程序效果。 三、逻辑设计 一个项目里面若涉及多个屏幕时，无论是进行组件设计或者逻辑设计，都要先确认当前在哪个屏幕。 三、逻辑设计 ：属于 “控制”内置块，表示打开另一个屏幕。代码块右边接 ，根据所输入的屏幕名称，可以切换到对应的屏幕。 三、逻辑设计 综合应用所学内容，完善 “羊城新八景”项目，在Screen1中补充其余四景按钮，并增加对应的屏幕，实现点击Screen1中任一景点，就能切换到该景,点介绍的程序效果。 动手做 夏日小清新商务通用PPT模板 汇报人：小熊猫 时间：2019.06.07 归位物品 归位凳子 下 啦 课 ！ 夏日小清新商务通用PPT模板 汇报人：小熊猫 时间：2019.06.07 ... ...