App Inventor WebViewer 缩小尺寸

App Inventor WebViewer resize down

我有一个带有 AppInventor 2 的应用程序,它基本上包含来自网站的游戏和下部的按钮以返回主屏幕。游戏使用 Ajax 在用户点击后加载一些问题。有时,问题可能很长,文档高度会增加,将按钮向下移动,但问题后游戏会恢复到原始大小。 (整个过程中没有页面重新加载,因为一切都是用 Ajax 完成的)。问题是,按钮不会返回并保持在底部,每次都低一点,我不知道该怎么做。

所有游戏都发生在名为“网站”的第二个屏幕中。

主屏幕 (Screen1) 的大小定义为响应式,屏幕方向定义为纵向。 AlignVertical 属性 设置为 1(顶部)

现在,网站屏幕也将 AlignVertical 设置为 1(顶部)并且没有 Sizing 选项,所以我猜它是从 Screen1 继承的。

这是屏幕,我已经尝试了所有方法,我在 HTML 代码中用 JavaScript 调整了文档的大小,但它不起作用。

如有任何帮助,我们将不胜感激

您目前的设置是

垂直排列2
- 里面是一个 webviewer
- 另一个带有按钮的 VerticalArrangement3

你必须这样重新安排你的安排

VerticalArrangement2,设置其高度填充父级
- 里面是一个 webviewer
垂直排列3
- 里面是一个按钮

即两种安排都应该在顶层

我建议您不要重命名默认组件,例如 TinyDB、Webviewer、Web、Clock 等。否则您可能会在几周后再次查看您的项目时感到困惑...