虚拟多屏幕应用开发教程

随着移动应用开发的日益普及，许多开发者开始尝试使用GoogleApp Inventor来开发简单的应用程序，而不是编写大量的代码。然而，一个常见的问题是，App Inventor默认不支持多屏幕设计。本文将向展示如何以一种简单、实用且易于理解的方式实现虚拟多屏幕。

在阅读本教程之前，需要有一定的Google App Inventor使用经验。如果已经完成了“HelloPurr”项目，那么可以继续阅读。但请记住，App Inventor的Blocks Editor使用的是Java语言，因此如果已经掌握了一些Java知识，那将非常有帮助。

设计部分

由于App Inventor非常注重视觉设计，首先添加两个名为vScreen1和vScreen2的VerticalArrangement盒子。vScreen1将模拟主屏幕，而vScreen2则应该模拟应用中的第二个屏幕：

在完成这一步之后，开始在两个屏幕中添加一些对象进行测试。在这个例子中，在两个屏幕中都添加了很多内容，并且可以看到在第二个屏幕中，添加了其他的对齐工具（效果很好）。最终效果如下：

重要提示：应该始终记得这样做。在两个VerticalArrangement工具上，应该设置Width和Height属性为Fill Parent...，如下所示：

如在图片中所见，这些值来自第二个屏幕（vScreen2），其Visible属性设置为false，这是因为不希望它与主屏幕（vScreen1）一起显示，因此当应用程序启动时，它应该是隐藏的。

这就是应用程序设计部分的全部内容，现在让深入一些代码...

编码

现在让进入Blocks Editor来编写一些代码。首先，创建一个新函数，用于按钮，该按钮将用户带到第二个屏幕。在本教程中，使用的函数是btGo2.Click。之后，将vScreen1设置为不可见，然后将vScreen2设置为可见，这样用户就会进入第二个屏幕。如果想让效果更真实，可以更改Screen1（实际应用程序屏幕）的标题为想要的新屏幕标题。就像这样：

但现在用户被困在了第二个屏幕上，因为在第二个屏幕上添加了一个返回按钮（btBack），可以稍微修改一下代码，使其返回到第一个屏幕：