(
课件网) 第13课 羊城新八景———界面布局与屏幕切换 学习的主要内容 “羊城新八景”应用程序 点击首页的景点按钮，就能切换到相应的景点介绍页面。点击返回按钮又能回到首页。 思考：“羊城新八景”程序有什么功能？实现这些功能需要解决哪些问题？ 任务分析 任务一：新建项目、增加屏幕 Screen1是首页，新增一个“Screen”对应一个景点，如： Screen1 ——— 首页 Screen2 ——— 古祠流芳 任务一：新建项目、增加屏幕 Screen2 为了显示8个景点的介绍内容，首先要增加屏幕。 屏幕的标识名称是“Screen”。 Screen1 任务一：新建项目、增加屏幕 注意： 屏幕名称只能字母、数字和下划线，且一定要字母开头。 屏幕名称一旦命名确定后就不能修改了。 我们接下来无论是组件还是逻辑设计时都要注意当前是在哪个屏幕。 标题文字 各个景点的图片按钮 木棉仔的图片 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 标题文字 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 标签：显示文字 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 轻松逛花市 羊城新八景 如何使两个组件并排？ 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 “界面布局”类组件： 水平布局 如何使两个组件并排？ 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 如何使按钮组件以表格形式排列？ 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 如何使按钮组件以表格形式排列？ 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 “界面布局”类组件： 表格布局 水平对齐：“居中：3” 标 题： 首页 图 标： logo.jpg 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 步骤一：设置Screen1属性。 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 步骤二：设计界面，添加“水平布局”和“表格布局”并设置属性。 表格布局默认为2行2列，我们可以直接在属性更改行列数。 表格内部的框线是暂时看不到的。 布局组件 布局组件属性 水平布局1 表格布局1 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 步骤三：在“水平布局1”中添加“图像”和“标签”组件，并重命名和设置属性。 组件名称 组件属性 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 图像按钮 属性 第一，表格里的是按钮不是图片。 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 第二，注意按钮组件定位在哪个单元格 任务二：对每个屏幕进行组件设计 （1）Screen1的组件设计 步骤四：在“表格布局1”中添加“按钮”组件，并重命名和设置属性。 组件名称 组件属性 古祠流芳按钮1 图像：1gslf.png 越秀风华按钮2 图像：2yxfh.png 云山叠翠按钮3 图像：3ysdc.png 湿地唱晚按钮4 图像：4sdwc.png 科城锦绣按钮5 图像：5kcjx.png 塔耀新城按钮6 图像：6tyxc.png 荔湾胜景按钮7 图像：lwsj.png 珠光流水按钮8 图像：zgls.png 小知识：水平布局、垂直布局和表格布局可互相嵌套， 组合多种布局效果。 小知识：水平布局、垂直布局和表格布局可互相嵌套， 组合多种布局效果。 任务二：对每个屏幕进行组件设计 （2）Screen2的组件设置。 切换到“Screen2”，将标题设为“景点介绍”。 任务二：对每个屏幕进行组件设计 （2）Screen2的组件设计。 水平对齐：居中：3；宽度：充满 字号：28；文本：古祠流芳；文本颜色：红色 水平对齐：居中：3；宽度：充满 水平对齐：居中：3；宽度：充满 水平对齐：居右：2；宽度：充满 图片：1gclf.png 文本： 文本：返回 屏幕 位置 内容 组件 功能 Scre ... ...
