师：同学们，今天我们来学习六年级广州版信息技术第二单元第13课《羊城新八景界面布局与屏幕切换》。通过完成一项任务，大家将学到增加屏幕学习标签组件的使用，利用界面布局组件设计规划屏幕界面，并通过编程实现屏幕的切换。
最近，慕棉仔在网络学习社区的小伙伴从天津打来电话。
小伙伴：你好，木棉仔，我说服了爸爸妈妈一起来广州旅游，顺道还能探望你。我想请你介绍一下广州最值得去的景点，精选几个就行，我们怕时间不够。谢谢你。
木棉仔：太好了，欢迎你们来广州！我正在学习APP inventor，我来制作一个“羊城新八景”的APP送给你，你们先了解一下再做决定。我还能当义务小导游为你们讲解，让你们感受广州的美。按照你的要求，我提议你们可以游览一下广州的羊城新八景，它包括塔耀新城、珠水流光、云山叠翠、越秀风华、古祠流芳、荔湾胜景、科城锦绣、湿地唱晚八个景观。
小伙伴：太谢谢你啦，木棉仔，我好期待你的作品。
通话结束后，木棉仔开始构思这个APP的功能。
木棉仔：我想在这个APP的首页顶端放置一个标题“羊城新八景”，下面放置8个景点的图片按钮，点击任意按钮就能看到对应景点介绍的页面，点击返回按钮，又能回到首页。这有点类似于我们学过的演示文稿的超级链接。
师：看完木棉仔的构思，我们概括一下这个APP，就是要把8个景点的介绍分别放到8个独立的屏幕画面中，通过按钮点击实现首页和8个景点页面之间的灵活跳转。接下来我们围绕这个APP分析一下有哪些功能需要实现，又有哪些问题需要解决。第一，APP需要有多个屏幕画面，问题是如何增加多个画面呢？第二，APP首页上有图有文，问题是如何插入图标和标题文字？第三，首页的景点图片按钮以田字格形式排列，问题是如何使组件按4行两列的表格形式整齐排列？第四，点击图片按钮，就可以跳转不同的屏幕画面，问题是如何实现跳转切换？请同学们带着这些问题一起动手尝试操作。同学们，你知道羊城新八景中古祠流芳的核心景点在哪里吗？
生：对，就是陈家祠。
师：目前它里面还设有广东民间工艺博物馆，非常值得游览和欣赏。我们第一个任务就从它入手。这个任务主要涉及新建项目和增加屏幕。经过前面的分析，我们已经知道，当APP涉及多个屏幕画面切换时，我们就要增加对应的屏幕数量。同学们，你知道在APP inventor里屏幕的名称标识是什么吗？
生：对，是screen。
师：APP inventor的屏幕名称从screen1开始，增加一个就自动命名为screen2，再增加一个就是screen3，以此类推。因此在我们新建了APP项目后，默认提供的screen1可以作为首页来制作。然后我们再增加一个屏幕screen2，用于古祠流芳的景点介绍页面，请同学们跟着视频操作。
增加屏幕。新建项目并命名，按照如下操作。增加屏幕screen2，单击项目按钮，单击新建项目，输入项目名称“羊城新八景”，单击确定。单击增加屏幕按钮，单击确定。单击下拉按钮，可以切换屏幕，单击删除屏幕按钮可以删除当前屏幕，默认screen1不能删除。
师：刚才的演示中增加屏幕的操作步骤较简单，只需单击增加屏幕，输入屏幕名称并单击确定就完成了。但我们要注意三点，一是屏幕名称只能由字母、数字和下划线组成，并且一定要字母开头；二是屏幕名称一旦命名确定后就不能修改；三是接下来的组件设计或逻辑设计时，都要注意当前是在哪个屏幕。前面的任务已经根据APP的设计规划预留了所需的屏幕。接下来的任务2就是将文字、图片和按钮等内容放置到各个屏幕中，这就涉及到对每个屏幕进行组件设计。我们切换到屏幕screen1，先设计首页上的组件，首页上方是一张木棉仔图片和标题文字，而下方则是各个景点的图片按钮。标题的文字如何放置到屏幕上，同学们可以回忆一下在以前学过的演示文稿中是如何插入文字的。
生：最常用的就是先插入一个文本框，然后在文本框中输入文字。
师：在APP inventor里是否也类似呢？现在请同学们查看一下组件选项中哪一个组件是用于显示文字的，大家可以猜一下，试一下。怎么样，找到了吗？
生：就是这个叫标签的组件，它可以用于显示文字，文字内容和字体大小、颜色等都可以在组件属性中进行设置。
师：操作特点是不是跟演示文稿大同小异呢？同学们要学会温故而知新，旧知识往往对新知识的学习很有帮助。大家继续回忆一下，前两节课我们学习的组件设计都比较简单，只需要将用户界面组件拖动到屏幕就可以了，而屏幕的各个组件都是自动纵向排列的。但现在组件需要以其他的形式排列。对比一下，这一个文字标题的左边还需要放置一个图片，也就是木棉仔的图片和文字标题是一左一右横向并排显示的，怎么办？针对这种屏幕内容的布局问题，APP inventor提供了解决方案，大家可以找找看。
生：在用户界面类组件的下方还有一个叫界面布局类组件，根据名称描述，里面的水平布局，应该可以实现多个组件横向排列的布局效果。
师：同样的，如何使羊城新八景的8个图片按钮组件以表格形式排列呢？
生：利用界面布局类的表格布局组件就能实现效果了。
师：好了，接下来我们一起看视频学习利用标签、水平布局和表格布局组件进行screen1的组件设计。
组件设计切换到screen1，按照如下步骤完成该屏幕的组件设计。切换到screen1，屏幕设置，将水平对齐属性设置为居中，将标题属性设置为“首页”，将图标属性设置为logo.jpg。在组件面板中单击界面布局，拖动水平布局组件到工作面板中，拖动表格布局组件到工作面板中。单击水平布局，将垂直对齐属性设置为居中，将高度属性设置为100像素。单击表格布局1，将列数属性设置为2，将行数属性设置为2。在组件面板中，单击用户界面，拖动图像组件到水平布局1中，将图像1重命名为标题图像。在组件属性中，将高度属性设置为60像素，将图片属性设置为“标题.png”。从组件面板中拖动标签组件到水平布局1中，将标签1重命名为标题标签。在组件属性中将字号属性设置为30，将文本属性设置为“羊城新八景”。从组件面板中拖动按钮组件到表格布局1中，将按钮1重命名为古祠流芳按钮1。在组件属性中，将高度属性设置为100像素，将宽度属性设置为150像素，将文本属性设置为空，将图像属性设置为“一古祠流芳.png”。参照古祠流芳按钮1组件设计方法完成对越秀风华按钮2、云山叠翠按钮3、湿地唱晚按钮4三个组件的设计。