App Builder的应用程序可以通过多种方式进行扩展。 除了基于动作的脚本之外我们还可以使用Javascript。 我们可以开发和使用第三方App Builder嘚Javascript插件以及Apache Cordova?插件
您无需了解Javascript即可使用App Builder创建应用程序。 App Builder的脚本语言基于数百种可视化操作您可以将它们放在需要执行的位置。
App Builder为我们提供了许多视觉和非视觉控件可以放在应用程序的设计器中。只需将您需要的控件拖放到设计器中然后将其放在您想要的位置即可。
App Builder旨在易于使用但是,它们包含一个完整的帮助文件描述了所有可用的控件和操作,以及一些特定的教程
看一下使用App Builder可以在十秒内完荿的工作!下面的视频显示了传统的“Hello world!”应用程序,在App Builder的情况下只需要10秒钟就可以创建并运行!
1、目录索引→响应式应用程序
App Builder应用程序可以在许多不同的平台,移动和桌面浏览器中运行 我们希望在此提供各种方法,以便让我们的应用程序在大多数可能的平台移动和桌面浏览器上运行。
2、自动缩放的应用程序
我们可以使用另一个应用程序选项:“Scaled”以显示我们的应用程序缩放到屏幕中。 如果我们明確我们的移动设备应用程序这种方法很有效,因为屏幕尺寸的微小变化可以或多或少地缩放 也许这个选项更容易使用,并且适合移动設备的不同屏幕
您可以使用SetAppScaled操作,该操作可用于在运行时设置app缩放模式
App Builder提供了某些应用程序全局变量,我们可以使用这些变量来了解屏幕宽度和高度以及屏幕方向:纵向或横向。 使用这些变量和动作如GetStyle,GetStyleAddClass,SetAppScaled我们可以尝试将我们的应用程序视图控件放入屏幕。
使鼡app文件我们可以在我们的应用程序中包含我们自己的CSS样式表。 这样做我们可以使用某些CSS媒体查询以便在我们的应用程序视图控件上应鼡某些特定样式。 请记住每个应用程序视图控件都有自己的ID,这由控件名称决定 然后我们可以在CSS样式表中引用此控件ID,以便特别将某種样式应用于该控件
例如,在我们的应用程序CSS样式表文件中使用此CSS样式:
如果屏幕小于300像素宽上面的CSS会改变“Button1”控件的大小。
最后但並非最不重要的方法是让我们的应用程序或多或少地响应屏幕大小是使用CSS类我们可以在我们自己的CSS样式表文件中定义任何CSS类,但是由於App Builder使用Bootstrap CSS框架,我们还可以使用一些有用的CSS类其中一些专门设计用于与响应式设计作斗争。
如果我们使用Apache Cordova编译我们的应用程序Apache Cordova屏幕应用程序选项可以帮助我们。特别是我们可以具体说明我们的应用必须始终在纵向或横向视口中运行默认行为是允许用户更改我们应用中的屏幕方向,但我们可以明确确定我们的应用必须以纵向或横向运行这可能很有用,因为我们的效果必须减少到这种可能的屏幕方向之一
制作了一个应用程序,它运行在所有可能的屏幕尺寸可能是不可能或变得非常复杂如果我们的目标平台是移动设备或移动网络浏览器,那么上面解释的“Scaled”选项可能是最简单的方法如果我们将应用程序集中在屏幕上,我们也可以从小型到中型以及更大的屏幕获得良好嘚结果:如果我们的应用程序设计或多或少更小