使用 Google App Inventor 的多屏幕

• 下载 mult_scr_app_inv_tut - 1.4 MB
• 下载 Tutorial_MultScreens 源代码 - 30.83 KB
• 下载 Tutorial_MultScreens - 1.14 MB

引言

许多开发人员开始使用 Google App Inventor 开发简单的应用程序，而不是编写大量的代码。但是，遇到的最大的问题之一是您不能拥有多个屏幕。因此，在本教程中，您将学习如何以一种非常简单、有用且容易的方式虚拟化屏幕。

背景

在阅读本教程之前，您需要具备使用 Google App Inventor 的一些经验，如果您已经完成了 HelloPurr，您可以继续，但请记住 App Inventor Blocks Editor 使用 Java 语言，因此如果您已经掌握了一些 Java 知识会更好。

设计部分

由于 App Inventor 非常直观，让我们从添加两个 VerticalArrangement 框开始，如下所示。一个名为 vScreen1，它将模拟主屏幕，另一个名为 vScreen2，它应该在您的应用程序上模拟一个辅助屏幕。

因此，在您完成之后，开始将一些对象放入两者中，在本例中，为了测试，我在两者中都插入了很多东西，正如您在第二个中看到的那样，我插入了其他对齐工具（效果很好）。 之后，我得到了一些类似的东西

重要提示： 您永远不应该忘记这样做。 在这两个 VerticalArrangement 工具上，您都应该将 Width 和 Height 属性设置为 Fill Parent...，如下所示

正如您在图像中看到的那样，这些值来自第二个屏幕 (vScreen2) 并且它的 Visible 属性为 false，这是因为我们不希望它与主屏幕 (vScreen1) 一起显示，因此当应用程序启动时，它将被隐藏。

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

编码...

现在让我们转到 Blocks Editor 进行一些乐趣。 首先，为将用户带到第二个屏幕的按钮创建一个新函数，在本教程中，我使用的是 btGo2.Click 函数。 在此之后，将 vScreen1 设置为不可见，然后将 vScreen2 设置为可见，因此现在您用户将位于第二个屏幕中。 如果您想使其更真实，请将 Screen1（实际应用程序屏幕）的标题更改为您希望新屏幕的标题。 就像这样

但是现在用户卡在第二个屏幕上，因为我们在第二个屏幕上添加了一个返回按钮 (btBack)，我们可以稍微更改此代码以使其返回到第一个屏幕

完整的代码将如下所示

结论

正如您所看到的，它非常简单，但非常有用。 使用这个简单的代码段，您可以虚拟地执行多个屏幕。 不要忘记您可以对无限屏幕执行此操作。

历史

• 原文