用户界面(UI)组件
目录:
- 屏幕(Screen)
- 按钮(Button)
- 复选框(CheckBox)
- 圆形进度条(CircularProgress)
- 日期选择框(DatePicker)
- 图像(Image)
- 标签(Label)
- 线性进度条(LinearProgress)
- 列表选择器(ListPicker)
- 列表显示框(ListView)
- 对话框(Notifier)
- 密码输入框(PasswordTextBox)
- 滑动条(Slider)
- 下拉框(Spinner)
- 开关(Switch)
- 文本输入框(TextBox)
- 时间选择框(TimePicker)
- Web浏览框(WebViewer)
屏幕
包含程序中所有其他组件的顶层组件。
属性
- 关于屏幕
- 有关屏幕的信息,系统菜单 -> “关于此应用程序”选中时出现。它用来向用户介绍你的应用程序,在多屏幕应用程序中,每个屏幕都拥有“关于屏幕”的信息。
- 交互性颜色
- 这是新版本Android中用于突出显示和其他用户界面交互的交互性颜色。受此属性影响的包括
对话框
、日期选择框
等组件触发的弹出框。PrimaryColor: 主题颜色。app的主要颜色,即整个屏幕和所有控件的主要颜色,首选颜色。
SecondaryColor:提示性颜色。这颜色一般比PrimaryColor亮一些或暗一些,取决于白天模式还是黑暗模式。一般用于提示相关动作或信息,提示性颜色。
AccentColor: 交互性颜色。这颜色一般用于交互性的控件颜色,比如FloatingButton、TextField、Cursor、ProgressBar、Selection、Links等具体交互性的颜色。
另外附上Android Material设计图的Color说明:
- 主题颜色
- 这是用作 Android 主题部分的主要颜色,包括“屏幕”标题栏颜色。
- 深色主题颜色
- 这是当
主题
属性指定为深色
时使用的主要颜色。它适用于许多元素,包括“屏幕”的标题栏。 - 水平对齐
- 表示屏幕内容如何水平对齐的数字,含义如下:
1
(左对齐)2
(右对齐)3
(水平居中) - 垂直对齐
- 表示屏幕内容如何垂直对齐的数字,含义如下:
1
(顶部对齐)2
(垂直居中)3
(底部对齐)如果屏幕可滚动,垂直对齐将没有效果。
- 应用名称
- 这是手机中安装的应用程序的显示名称。如果“应用名称”为空,则当项目构建时,它将被设置为项目的名称。
- 背景颜色
- 设置
屏幕
的背景颜色,使用RGBA数值表示,如果设置了背景图像
属性,则不能显示背景颜色直到删除背景图像
属性为止。 - 背景图像
- 设置
屏幕
背景图像的路径,如果同时设置了背景图像
和背景颜色
,则只有背景图像
可见。中文网注:
还可以直接将在线视频流URL设置到
屏幕.背景图像
属性中,定时每隔一段时间设置一下,就可以做到类似实时视频作为屏幕背景的效果,详细参见社区。 - 文本变大
- 选中(或设置
真
)后,所有默认大小的文本都会增加大小。 - 块工具包
- 表示屏幕子集的 JSON 字符串。模板应用程序的作者可以使用它来控制项目中可用的组件、设计器属性和代码块。
- 开屏动画
- 设置此表单打开的过渡动画类型。
- 关屏动画
- 设置表单关闭和返回到后面表单的过渡动画类型。
- 默认文件作用域
- 设置组件访问文件时使用的默认作用域。注意
文件管理器
组件有自己的属性来控制文件作用域。 - 宽度
- 返回屏幕宽度(以像素px为单位)(x 尺寸)。
- 高度
- 返回屏幕高度(以像素px为单位)(y 尺寸)。
- 高对比度
- 选中(或设置
真
)后,将打开高对比度模式。 - 图标
- 设置图像,用于应用程序图标显示,需是方形尺寸 png 或 jpeg 图像,最大分辨率 1024 x 1024 像素。
较大的图像可能会导致编译或安装应用程序失败。
构建服务器将为 Android 设备生成标准尺寸的图像。
- 平台
- 获取运行应用程序的底层平台的名称。目前,这是文本
Android
,将来可能会支持其他平台。 - 平台版本
- 获取运行应用程序的平台的版本号。这通常是带点的版本数字,例如 10.0,但是,它可以返回任何值,因此需要考虑处理意外的数据。如果平台版本不可用,将返回空文本。
- 屏幕方向
- 指定屏幕方向,为文本值。常用的值为:
-
横向 (
landscape
) -
纵向 (
portrait
) -
传感器 (
sensor
) -
用户 (
user
) -
未指定 (
unspecified
)
查看 Android 开发者可能的完整列表的文档选项。
-
- 允许滚动
- 勾选(或设置
真
)后,屏幕上会出现一个垂直滚动条,应用程序高度能超出设备的物理高度。未选中时,应用程序高度受限于设备的高度。 - 以JSON格式显示列表
- 如果为
真
(默认值),列表将显示为 JSON/Python 表示法中的字符串,例如[1, "a", true]
。如果为
假
,则列表将显示在 LISP 中表示法,例如(1 a true)
。注意: 该属性仅出现在 Screen1 中,Screen1 的值决定了应用程序中所有屏幕的行为。
- 显示状态栏
- 状态栏是屏幕最上面的栏,该属性设置状态栏是否是可见的。
- 屏幕大小
- 如果设置为响应式(默认),屏幕布局将使用设备的实际分辨率。请参阅App中的响应式设计文档了解更多信息。
如果设置为
固定大小
,将为单个固定尺寸屏幕创建屏幕布局并自动缩放。注意: 此属性仅出现在 Screen1 上,并控制该应用程序中所有屏幕的大小。
- 主题
- 选择应用程序的主题,主题只能在编译时设置,与AI伴侣在实时开发期间会有细微的差别。可选项有:
- 标题
- 设置标题属性,在表单的标题栏为表单设置新的标题。
- 标题展示
- 标题栏是屏幕顶部的灰色栏,该属性设置标题栏是否是可见的。
- 侧边栏教程网址
- 设置侧边栏中文教程URL地址。
- 版本编号
- 每次为应用商店创建新的 Android 应用程序包文件(APK)时都必须递增的整数值。
- 版本名称
- 可以更改的字符串,以允许应用商店用户区分不同版本的应用程序。
事件
- 回退时()
- 设备后退按钮已按下。当前屏幕按下了设备返回键时触发。
- 出现错误时(组件,函数名称,错误编号,消息)
- 发生错误时触发该事件。只有某些错误才会触发,对于这些错误,系统将默认显示通知,可以使用此事件来定制错误处理逻辑。
- 初始化()
- 初始化事件在屏幕启动时运行,并且每个屏幕仅运行一次。
- 关闭其他屏幕时(其他屏幕名称,返回结果)
- 当另一个屏幕关闭并且控制权返回到此屏幕时触发该事件。2个屏幕之间的交互方法。测试案例如下:
- 权限被拒绝时(组件,函数名称,权限名称)
- 当请求所需权限被用户拒绝时要处理的事件。
- 权限被授予时(权限名称)
- 当请求所需权限被用户授予时要处理的事件。该事件仅在获得许可时运行,是
请求权限
方法的响应。 - 屏幕方向改变时()
- 屏幕方向已改变时触发此事件。
知识拓展
事件对比 | 作用对象 | 触发方式 |
---|---|---|
回退时 | 仅针对当前屏幕的行为 | 当前屏幕按下了设备返回键时触发(需要编译安装App后测试,AI伴侣返回键无法捕获测试不了) |
关闭其他屏幕时 | 2个屏幕之间的交互 | 第二个屏幕调用关闭屏幕并返回值方法后,触发第一个屏幕的该事件(按设备返回键也可触发,此时“返回结果”参数为空) |
方法
- 请求权限(权限名称)
- 请求用户授予对敏感权限的访问权限,例如
精确定位
权限。如果用户许可了授权,
权限被授予时
事件将被触发;如果用户拒绝授权,权限被拒绝时
事件将被触发。注意: 最佳做法是仅在需要时请求权限,App Inventor组件将在必要时执行。不建议在
初始化
事件中使用请求权限
,除非访问该权限对你的应用是预先需要的,例如导航应用需要定位服务。 - 隐藏键盘()
- 隐藏软键盘。
按钮(Button)
按钮具有检测点击的功能,它的外观可以被改变,比如是否可点击 (启用
),可以在“界面设计”视图或“程序设计”视图中修改其属性。
属性
- 背景颜色
- 设置
按钮
的背景颜色,使用RGBA数值表示,如果设置了图像
属性,则不能显示背景颜色直到删除图像
属性为止。 - 启用
- 设置
按钮
是否可以被点击。 - 粗体
- 设置
按钮
的显示字体是否是粗体。(注:有些字体不支持粗体)。 - 斜体
- 设置
按钮
的显示字体是否是斜体。(注:有些字体不支持斜体)。 - 字体大小
- 设置
按钮
的字体大小,以像素px为单位。 - 字体
- 设置
按钮
的字体,目前支持的字体有:default, serif, sans serif, 和 monospace。要使用自定义字体,请将 .ttf 字体文件上传并选中它。
- 高度
- 设置
按钮
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
按钮
的垂直高度相对于整个屏幕高度
的百分比。 - 图像
- 设置
按钮
图像的路径,如果同时设置了图像
和背景颜色
,则仅图像
可见。 - 形状
- 设置
按钮
的形状,此属性的有效值为:0
(默认)1
(圆形)2
(矩形)3
(椭圆形)。如果设置了
图像
,则形状
将不可见。 - 显示反馈
- 设置
按钮
指定图像
后被按压是否显示视觉反馈。 - 文本
- 设置
按钮
的显示文本。 - 文本对齐
- 设置
按钮
文本的对齐方式,有效值有:0
(正常;例如,如果文本从左到右书写,则左对齐)1
(居中)2
(相反;例如,如果文本从左到右书写,则右对齐)。 - 文本颜色
- 设置
按钮
的文本颜色,使用RGBA数值表示。 - 可见性
- 设置
按钮
是否显示在屏幕上,值是真
则按钮
显示,假
则隐藏。 - 宽度
- 设置
按钮
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
按钮
的水平宽度相对于屏幕宽度
的百分比。
事件
- 被点击()
- 表示用户点击并放开了
按钮
。 - 获得焦点()
- 表示光标移到
按钮
上了,因此现在可以单击它。 - 被慢点击()
- 表示用户按住了
按钮
。 - 失去焦点()
- 表示光标从
按钮
移开,因此现在无法再单击它。 - 被按压()
- 表示
按钮
被按下。 - 被松开()
- 表示按下的
按钮
已被放开。
方法
无
复选框
复选框
组件可以检测用户点击,并更改其布尔状态。
当用户点击复选框
组件时会触发事件,有很多属性可以影响其外观,可以在“界面设计”视图或“程序设计”视图中进行设置。
属性
- 背景颜色
- 设置
复选框
的背景颜色,使用RGBA数值表示。 - 选中
- 设置
复选框
是否处于选中状态,值是真
则复选框
选中,假
则未选中。 - 启用
- 设置
复选框
是否可以被点击。 - 粗体
- 设置
复选框
的显示字体是否是粗体。(注:有些字体不支持粗体)。 - 斜体
- 设置
复选框
的显示字体是否是斜体。(注:有些字体不支持斜体)。 - 字体大小
- 设置
复选框
的字体大小,以像素px为单位。 - 字体
- 设置
复选框
的字体,目前支持的字体有:default, serif, sans serif, 和 monospace。要使用自定义字体,请将 .ttf 字体文件上传并选中它。
- 高度
- 设置
复选框
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
复选框
的垂直高度相对于整个屏幕高度
的百分比。 - 文本
- 设置
复选框
的显示文本。 - 文本颜色
- 设置
复选框
的文本颜色,使用RGBA数值表示。 - 可见性
- 设置
复选框
是否显示在屏幕上,值是真
则复选框
显示,假
则隐藏。 - 宽度
- 设置
复选框
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
复选框
的水平宽度相对于屏幕宽度
的百分比。
事件
- 状态被改变()
- 用户点击,
复选框
选中状态发生改变时触发该事件。 - 获得焦点()
复选框
获得焦点时,触发该事件。- 失去焦点()
复选框
失去焦点时,触发该事件。
方法
无
圆形进度条
圆形进度条组件,动画展示进度,但不可设置具体的进度比例,只能控制其显示(如:处理中)和隐藏(如:处理完成)。设置具体进度比例请使用线性进度条
。
注:此组件对AI伴侣要求最低版本为v2.70 (旧版本请扫码升级:帮助 -> AI伴侣信息),编译为apk则不受限制安装后可正常运行。
属性
- 颜色
- 设置圆形进度条的展示颜色。
- 高度
- 设置
圆形进度条
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
圆形进度条
的垂直高度相对于整个屏幕高度
的百分比。 - 可见性
- 设置
圆形进度条
是否显示在屏幕上,值是真
则圆形进度条
显示,假
则隐藏。 - 宽度
- 设置
圆形进度条
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
圆形进度条
的水平宽度相对于屏幕宽度
的百分比。
事件
无
方法
无
日期选择框
单击一个按钮弹出对话框以允许用户选择日期(公历)。
注意:日期和时间可使用 计时器 组件中的方法进行操作。
属性
- 背景颜色
- 设置
日期选择框
的背景颜色,使用RGBA数值表示,如果设置了图像
属性,则不能显示背景颜色直到删除图像
属性为止。 - 启用
- 设置
日期选择框
是否可以被激活和点击。 - 粗体
- 设置
日期选择框
的显示字体是否是粗体。(注:有些字体不支持粗体)。 - 斜体
- 设置
日期选择框
的显示字体是否是斜体。(注:有些字体不支持斜体)。 - 字体大小
- 设置
日期选择框
的字体大小,以像素px为单位。 - 字体
- 设置
日期选择框
的字体,目前支持的字体有:default, serif, sans serif, 和 monospace。要使用自定义字体,请将 .ttf 字体文件上传并选中它。
- 高度
- 设置
日期选择框
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
日期选择框
的垂直高度相对于整个屏幕高度
的百分比。 - 图像
- 设置
日期选择框
图像的路径,如果同时设置了图像
和背景颜色
,则仅图像
可见。 - 时刻
- 返回上次使用
日期选择框
选择的日期的时间对象。 - 年度
- 返回上次使用
日期选择框
选择的年份。 - 月份
- 返回上次使用
日期选择框
选择的月份数。 - 月份名称
- 返回上次使用
日期选择框
选择的月份名称。 - 日期
- 返回上次使用
日期选择框
选择的日期数字。 - 形状
- 设置
日期选择框
的形状,此属性的有效值为:0
(默认)1
(圆形)2
(矩形)3
(椭圆形)。如果设置了
图像
,则形状
将不可见。 - 显示反馈
- 设置
日期选择框
指定图像
后被按压是否显示视觉反馈。 - 文本
- 设置
日期选择框
的显示文本。 - 文本对齐
- 设置
日期选择框
文本的对齐方式,有效值有:0
(正常;例如,如果文本从左到右书写,则左对齐)1
(居中)2
(相反;例如,如果文本从左到右书写,则右对齐)。 - 文本颜色
- 设置
日期选择框
的文本颜色,使用RGBA数值表示。 - 可见性
- 设置
日期选择框
是否显示在屏幕上,值是真
则日期选择框
显示,假
则隐藏。 - 宽度
- 设置
日期选择框
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
日期选择框
的水平宽度相对于屏幕宽度
的百分比。
事件
- 完成日期设定()
- 用户在对话框中选择日期后运行的事件。
- 获得焦点()
- 表示光标已经移到
日期选择框
上,因此现在可以点击它。 - 失去焦点()
- 表示光标已从
日期选择框
移开,因此现在不能点击它了。 - 被按压()
- 表示
日期选择框
按钮被按下。 - 被松开()
- 表示
日期选择框
按钮被松开。
方法
- 打开选择框()
- 启动日期选择器对话框。在用户确认选择后,
完成日期设定
事件将被触发。 - 设置日期显示(年,月,日)
- 允许用户设置日期选择器打开时显示的日期。
月份字段的有效值为 1-12,日期字段的有效值为 1-31。
- 设置显示某时刻的日期(时刻)
- 选择器打开时允许用户设置显示指定时刻的日期。
图像
用于显示图像和基本动画的组件。要显示的图片以及图像外观的其他方面,可以在“界面设计”视图或“程序设计”视图中进行设置。
中文网注:图像组件如果设置图片为gif的话,设计视图中图片预览会展示动图,但是通过AI伴侣测试或编译成apk真机测试,就会发现图片不会动,只会展示静态图片。那么如何展示动图呢?两种思路:
1、使用网络 url 的 gif 图片,设置为 Web浏览框 的链接地址,会自动播放网络动图,一直循环播放不能控制停止,除非修改链接地址为其他。
2、准备多张静态图,不同状态,计时器如每隔 50 毫秒设置并使用“图像”组件显示一张静态图片,快速轮动起来就是动画效果,这种效果也很好,它的好处还有,可以程序控制停止计时器即停止播放动画。
属性
- 替代文本
- 对图像的描述文本,当无法正确加载图片时,这段文本描述将会被显示。(同HTML中
alt
属性<img src="" alt="图片无法正常显示时,显示该文字描述" />
)。 - 动画形式
- 一种简单的动画形式,可以将少量动画效果附加到图像上。包括:
- 向右慢移:
ScrollRightSlow
- 向右移动:
ScrollRight
- 向右快移:
ScrollRightFast
- 向左慢移:
ScrollLeftSlow
- 向左移动:
ScrollLeft
- 向左快移:
ScrollLeftFast
- 停止移动:
Stop
- 向右慢移:
- 可点击
- 设置
图像
是否可点击(即是否触发被点击
事件,默认不触发)。 - 高度
- 设置
图像
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
图像
的垂直高度相对于整个屏幕高度
的百分比。 - 图片
- 设置
图像
的图片路径。 - 旋转角度
图像
显示图片的角度发生了旋转。此旋转不会出现在“界面设计”视图的屏幕上,只会出现在设备上。- 自动缩放图片
- 设置是否应自动调整图片大小以匹配
图像
组件的大小。 - 缩放模式
- 此属性确定图片如何根据图像的高度或宽度进行缩放。
- 比例缩放(0):可保留图片的宽高比例。
- 自动缩放(1):自动调整图片的宽高,与
图像
组件区域匹配。
- 可见性
- 设置
图像
是否显示在屏幕上,值是真
则图像
显示,假
则隐藏。 - 宽度
- 设置
图像
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
图像
的水平宽度相对于屏幕宽度
的百分比。
事件
- 被点击()
- 单击图像时触发该事件。注意:必须将
可点击
属性勾上,或设置属性值为真
,才能触发此事件!!
方法
无
标签
标签是用于显示文本的组件。
标签显示由 文本
属性指定的文本内容,其他属性可以在“界面设计”视图或“程序设计”视图中进行设置,控制文本的外观和位置等。
属性
- 背景颜色
- 指定
标签
的背景颜色,使用RGBA数值表示。 - 粗体
- 指定
标签
的文本是否为粗体(有些字体不支持粗体)。 - 斜体
- : 指定
标签
的文本是否为斜体(有些字体不支持斜体)。 - 字体大小
- 指定
标签
文本的字体大小,以像素px为单位。 - 字体
- 设置
标签
文本的字体,目前支持的字体有:default, serif, sans serif, 和 monospace。要使用自定义字体,请将 .ttf 字体文件上传并选中它。
- HTML内容
- 在
HTML格式
为真
时,以 HTML 形式返回标签
的内容。 - HTML格式
- 指定
标签
的文本格式是否是HTML格式。 - 具有外边距
- 指定
标签
是否有外边距。 - 高度
- 设置
标签
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
标签
的垂直高度相对于整个屏幕高度
的百分比。 - 文本
- 设置
标签
的显示文本。 - 文本对齐
- 指定
标签
文本的对齐方式,有效值有:0
(正常;例如,如果文本从左到右书写,则左对齐)1
(居中)2
(相反;例如,如果文本从左到右书写,则右对齐)。 - 文本颜色
- 设置
标签
的文本颜色,使用RGBA数值表示。 - 可见性
- 设置
标签
是否显示在屏幕上,值是真
则标签
显示,假
则隐藏。 - 宽度
- 设置
标签
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
标签
的水平宽度相对于屏幕宽度
的百分比。
事件
无
方法
无
线性进度条
线性进度条组件,它有两种模式:不确定模式(只展示加载动画,不显示具体进度比例)和进度模式(展示具体进度比例)。
注:此组件对AI伴侣要求最低版本为v2.70 (旧版本请扫码升级:帮助 -> AI伴侣信息),编译为apk则不受限制安装后可正常运行。
属性
- 不确定性
- 指示此进度条是否处于不确定模式。
- 不确定性颜色
- 设置不确定模式下的进度条颜色。
- 最大值
不确定性
为假
时,设置进度条的范围最大值,默认值100
。- 最小值
不确定性
为假
时,设置进度条的范围最小值,默认值0
。- 进度
不确定性
为假
时,获取进度条的当前进度值。- 进度颜色
不确定性
为假
时,设置进度条的颜色。- 可见性
- 设置
线性进度条
是否显示在屏幕上,值是真
则线性进度条
显示,假
则隐藏。 - 宽度
- 设置
线性进度条
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
线性进度条
的水平宽度相对于屏幕宽度
的百分比。
事件
- 进度改变(progress)
- 指示进度条进度已更改的事件。返回当前进度值。如果
不确定性
设置为真
,则返回0
。
方法
- 增加进度(值)
- 将进度条的进度增加指定的量。
列表选择器 示例
一个按钮,单击该按钮会显示文本列表,供用户选择。文本可以在“界面设计”视图或“程序设计”视图中使用元素字串
属性指定,多个字符串使用英文的逗号(‘,’)连接
(例如,选择1,选择2,选择3
)或在“程序设计”视图中设置元素
属性,是一个列表属性。
显示搜索框
属性设置为 真
,将生成可搜索列表,其他属性影响按钮的外观 (文本对齐
,
背景颜色
等) 以及是否可以被点击(启用
)。
属性
- 背景颜色
- 设置
列表选择器
的背景颜色,使用RGBA数值表示,如果设置了图像
属性,则不能显示背景颜色直到删除图像
属性为止。 - 元素列表
- 指定要显示的选项列表。
- 元素字串
- 将一串英文逗号分隔字符串设置为选项列表,列表项分别是逗号分割后的每一项。
- 启用
- 设置
列表选择器
是否可以被激活和点击。 - 粗体
- 设置
列表选择器
的显示字体是否是粗体。(注:有些字体不支持粗体)。 - 斜体
- 设置
列表选择器
的显示字体是否是斜体。(注:有些字体不支持斜体)。 - 字体大小
- 设置
列表选择器
的字体大小,以像素px为单位。 - 字体
- 设置
列表选择器
的字体,目前支持的字体有:default, serif, sans serif, 和 monospace。要使用自定义字体,请将 .ttf 字体文件上传并选中它。
- 高度
- 设置
列表选择器
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
列表选择器
的垂直高度相对于整个屏幕高度
的百分比。 - 图像
- 设置
列表选择器
图像的路径,如果同时设置了图像
和背景颜色
,则仅图像
可见。 - 项背景色
列表选择器
项的背景颜色。- 项文本色
列表选择器
项的文本颜色。- 选中项
- 返回当前选中的列表项。
当程序修改它时,
选中项索引
属性也会更改为列表选择器
中具有给定值的第一项。如果该值不在元素列表
中,则选中项索引
将设置为 0。 - 选中项索引
- 获取/设置当前选中项的索引。
- 形状
- 设置
列表选择器
的形状,此属性的有效值为:0
(默认)1
(圆形)2
(矩形)3
(椭圆形)。如果设置了
图像
,则形状
将不可见。 - 显示反馈
- 设置
列表选择器
指定图像
后被按压是否显示视觉反馈。 - 显示搜索框
- If
真
, the ListPicker will show a search filter bar. - 文本
- 设置
列表选择器
的显示文本。 - 文本对齐
- 设置
列表选择器
文本的对齐方式,有效值有:0
(正常;例如,如果文本从左到右书写,则左对齐)1
(居中)2
(相反;例如,如果文本从左到右书写,则右对齐)。 - 文本颜色
- 设置
列表选择器
的文本颜色,使用RGBA数值表示。 - 标题
- 可选标题显示在选项列表的顶部。
- 可见性
- 设置
列表选择器
是否显示在屏幕上,值是真
则列表选择器
显示,假
则隐藏。 - 宽度
- 设置
列表选择器
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
列表选择器
的水平宽度相对于屏幕宽度
的百分比。
事件
- 选择完成()
- 在
列表选择器
选框返回其选择结果且属性已设置后,触发该事件。 - 准备选择()
- 单击
列表选择器
或使用 打开选框 方法显示选择器时引发的事件。此事件发生在选择器显示之前,可用于在显示选择器之前准备好选择器。
- 获得焦点()
- 表示光标移到
列表选择器
上,因此现在可以单击它。 - 失去焦点()
- 表示光标已离开
列表选择器
,因此现在无法再单击它。 - 被按压()
- 表示
列表选择器
被按下。 - 被松开()
- 表示
列表选择器
按压已释放。
方法
- 打开选框()
- 打开
列表选择器
,就像用户单击它一样。
列表显示框
可见组件,可在 屏幕
上展示文本和图像元素的列表。
可以使用 元素字串
属性设置简单的字符串列表。
可以使用 列表数据
和 布局
属性创建包含多个字符串和/或图像的更复杂的元素列表。布局信息
警告:如果该组件 高度
设置为填充父级,则在可滚动的屏幕上将无法正常工作。
属性
- 背景颜色
- 设置
列表显示框
的背景颜色。 - 元素
- 设置要显示的选项列表。将列表设置给元素属性,列表显示框即可展示列表内容,多次设置会刷新为最新的列表的内容。
- 元素字串
- 设置指定列表字符串作为选项列表,其中元素以英文逗号分隔,如:
奶酪,水果,培根,萝卜
。 - 列表项字体大小
- 设置
列表显示框
列表项的文本字体大小。 - 字体
- 设置
列表显示框
的字体,目前支持的字体有:default, serif, sans serif, 和 monospace。要使用自定义字体,请将 .ttf 字体文件上传并选中它。
- 列表项字体
- 设置
列表显示框
列表项的字体,目前支持的字体有:default, serif, sans serif, 和 monospace。要使用自定义字体,请将 .ttf 字体文件上传并选中它。
- 高度
- 设置
列表显示框
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
列表显示框
的垂直高度相对于整个屏幕高度
的百分比。 - 图像高度
- 设置布局包含图像的
列表显示框
的图像高度。 - 图像宽度
- 设置布局包含图像的
列表显示框
的图像宽度。 - 列表数据
- 指定要在
列表显示框
元素中显示的数据。此属性设置
布局
中指定的元素。例如,如果选择的布局是“Image,MainText”,则此属性将允许定义任意数量的元素,每个元素包含 Image 的文件名和 MainText 的字符串。“界面视图”专属属性。
- 布局
- 设置
列表显示框
行的布局类型。该属性仅可在“界面设计”视图设置。 - 方向
- 指定布局的方向。可以是:
-
1:“垂直”,逐行显示元素。
-
2:“水平”,一次显示一个元素,并允许用户向左或向右滑动以浏览元素。
-
- 选中项
- 返回
列表显示框
中选中项索引
位置处的文本。 - 选中项颜色
- 选中项的文本颜色。
- 选中项详细文本
- 返回
列表显示框
中由选中项索引
设置的位置处的辅助文本或详细文本。 - 选中项索引
- 当前所选项目的索引,从“1”开始。 如果未选择任何项目,则该值为“0”。
如果尝试将其设置为小于“1”或大于
列表显示框
中项目数的数字,则“选中项索引”将设置为“0”,并且 选中项 将被设置为空文本。 - 显示搜索框
- 设置搜索框的可见性。
- 文本颜色
- 设置
列表显示框
的文本颜色,使用RGBA数值表示。 - 详细文本的颜色
- 指定
列表显示框
布局中详细文本的颜色 - 文本大小
- 指定
列表显示框
项目的文本字体大小 - 可见性
- 设置
列表显示框
是否显示在屏幕上,值是真
则列表显示框
显示,假
则隐藏。 - 宽度
- 设置
列表显示框
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
列表显示框
的水平宽度相对于屏幕宽度
的百分比。
事件
- 选择完成()
- 在列表中选择元素后触发的简单事件。所选元素可通过
选中项
属性获取。
方法
- 创建列表元素(主文本,详细文本,图像文件名)
- 创建一个列表元素(列表项),其中主文本为必填项,详细文本及图像文件名则为可选项。
- 获取详细文本(列表元素)
- 获取
列表显示框
某个元素的详细文本。 - 获取图像文件名(列表元素)
- 获取已上传到媒体的
列表显示框
元素的图像的文件名。 - 获取主文本(列表元素)
- 获取
列表显示框
元素的主文本。 - 刷新()
- 重新加载
列表显示框
以反映数据中的任何更改。 - 删除索引处项目(索引)
- 从列表中给定索引处删除项目。
对话框
通过各种方法显示弹出消息、创建Android日志的通知组件。
属性
- 背景颜色
- 指定警告信息(不是对话框)的背景颜色。比如指定橙色背景属性后:
-
警告信息背景颜色生效:
-
对话框背景颜色不生效:
-
- 显示时长
- 指定警告信息显示的时长——“短延时”或“长延时”。
- 文本颜色
- 指定警告信息(不是对话框)的文本颜色。
事件
- 选择完成(选择值)
- 用户选择
显示选择对话框
后触发的事件。 - 输入完成(响应)
- 用户响应
显示文本对话框
后触发的事件。 - 选择取消()
- 当用户取消选择
显示选择对话框
选项时触发的事件。 - 输入取消()
- 用户取消
显示密码对话框
或显示文本对话框
时触发的事件。
方法
- 关闭进程对话框()
- 关闭由 显示进程对话框 块创建的警告信息弹窗。
- 错误日志(消息)
- 将错误基本的消息写入 Android 系统日志。 有关如何访问日志的信息,请参阅 Google Android 文档。
- 信息日志(消息)
- 将信息级别的消息写入 Android 日志。
- 警告日志(消息)
- 将警告级别的消息写入 Android 日志。 有关如何访问日志的信息,请参阅 Google Android 文档。
- 显示警告信息(notice)
- 显示临时通知信息的弹窗。
- 显示选择对话框(消息,标题,按钮1文本,按钮2文本,允许撤销)
- 显示一个带有两个按钮的对话框,用户可以从中进行选择。
如果
允许撤销
是真
,将会有一个额外的取消
按钮。 按下按钮将引发选择完成
事件。选择完成
的“选择值”参数将是按下的按钮上的文本,如果按下了“取消”按钮,则为“取消”。 如果取消,输入取消
事件也将触发。 - 显示消息对话框(消息,标题,按钮文本)
- 显示一个消息提醒的对话框,其中包含一个可消除提醒的按钮。
- 显示密码对话框(消息,标题,允许撤销)
- 显示一个对话框,用户可以在其中输入密码(输入被屏蔽),之后将触发
输入完成
事件。如果
允许撤销
是真
,将会有一个额外的 取消 按钮。输入完成
和输入取消
事件的行为方式与显示文本对话框
中描述的相同。 - 显示进程对话框(消息,标题)
- 显示一个带有可选标题和消息的对话框(如果不需要,可以使用空字符串)。
该对话框包含一个旋转的表示加载中的图片,表明程序正在运行。用户无法取消它,必须由程序调用
关闭进程对话框
方法将其关闭。 - 显示文本对话框(消息,标题,允许撤销)
- 显示一个对话框,用户可以在其中输入文本,然后将触发
输入完成
事件。如果
允许撤销
是真
,将会有一个额外的 取消 按钮。 输入文本将引发输入完成
事件。输入完成
的“响应”参数将是输入的文本,如果按下“取消”按钮,则为“取消”。 如果取消,输入取消
事件也将触发。
密码输入框
用户在密码输入框
组件中输入密码,该组件会隐藏已在其中键入的文本。
密码输入框
与普通的 文本输入框
组件相同,只是它不明文显示用户键入的字符。
可以使用 文本
属性获取或设置框中文本的值。 如果 文本
为空,可以使用 提示
属性向用户提供输入内容的建议。 提示
在框中显示为浅淡色文本。
密码文本框组件通常与 按钮
组件一起使用。 用户输入文本后点击“按钮”。
属性
- 背景颜色
- 设置
密码输入框
的背景颜色。所有视图中均可设置,默认背景颜色为“默认”(阴影 3D 外观)。 - 启用
- 设置
密码输入框
是否可以接受用户输入。 - 粗体
- 设置
密码输入框
的显示字体是否是粗体。(注:有些字体不支持粗体)。 - 斜体
- 设置
密码输入框
的显示字体是否是斜体。(注:有些字体不支持斜体)。 - 字体大小
- 设置
密码输入框
的字体大小,以像素px为单位。 - 字体
- 设置
密码输入框
的字体,目前支持的字体有:0
(default),1
(serif),2
(sansserif), 和3
(monospace)。要使用自定义字体,请将 .ttf 字体文件上传并选中它。
- 高度
- 设置
密码输入框
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
密码输入框
的垂直高度相对于整个屏幕高度
的百分比。 - 提示
- 设置
密码输入框
的提示信息,如果文本
为空,则该提示信息在框中显示为浅淡色文本。 - 提示颜色
- 设置
密码输入框
提示信息的颜色。 - 仅限数字
- 如果为
真
,则此密码输入框
仅接受数字作为键盘输入。数字可以包含小数点和可选的前导减号(负数)。这仅适用于键盘输入(不可粘贴)。
即便“仅限数字”属性为
真
,也可使用文本
属性将文本设置为任何内容。 - 显示密码
- 指定密码是隐藏(默认)还是显示。
- 文本
密码输入框
中的文本,所有视图中均可进行设置,也可以由用户输入(除非启用
属性为假
)。- 文本对齐
- 设置
密码输入框
文本的对齐方式,有效值有:0
(正常;例如,如果文本从左到右书写,则左对齐)1
(居中)2
(相反;例如,如果文本从左到右书写,则右对齐)。 - 文本颜色
- 设置
密码输入框
的文本颜色,使用RGBA数值表示。 - 可见性
- 设置
密码输入框
是否显示在屏幕上,值是真
则密码输入框
显示,假
则隐藏。 - 宽度
- 设置
密码输入框
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
密码输入框
的水平宽度相对于屏幕宽度
的百分比。
事件
- 获得焦点()
- 选择
密码输入框
进行输入(例如用户触摸它)时引发的事件。 - 失去焦点()
- 当不再选择
密码输入框
进行输入时引发事件,例如用户触摸其他的输入框。 - 文本改变()
- 当
密码输入框
中的文本被用户或程序改变时触发该事件。
方法
- 移动光标到(位置)
- 将
密码输入框
的光标重新定位到指定的位置索引(从1开始)处的字符之前。如果给定的位置大于密码输入框
中文本的长度,则光标将移动到文本的末尾;如果给定的位置小于或等于 1,则光标将移动到开头。 - 移动光标到末尾()
- 将光标重新定位到
密码输入框
中文本的末尾。 - 移动光标到开始()
- 将光标重新定位到
密码输入框
中文本的开头。 - 焦点请求()
- 请求焦点到当前的
密码输入框
。
滑动条
滑动条是一个添加可拖动滑块的进度条,你可以触摸它并向左右拖动设置滑块的位置。当滑块滑块被拖动时,它将触发位置被改变
事件,报告 滑动条
的滑块位置数值,
这个数值可用于动态更新另一个组件属性,例如 文本输入框
的 字体大小
或 球形精灵
的 半径。
滑动条
使用以下默认值,但这些值在“界面设计”和“程序设计”视图中都可以修改:
中文网注:根据会员的反馈,假设值区间设置为 0 ~ 300
,这时,滑动一个位置变化值是3
,而非1
。通过研究源码,因为滑块改变是一个进度整型值控制,它的范围是整数[0 ~ 100]
,也就是说滑块的最小控制粒度是 1 / 100
,暂时无法实现更高的粒度控制。感谢会员的研究及反馈。
属性
- 左侧颜色
- 将
滑动条
左侧滑块的颜色指定为 alpha-red-green-blue 整数,即“0xAARRGGBB”。 alpha“00”表示完全透明,“FF”表示不透明。 - 右侧颜色
- 将
滑动条
右侧滑块的颜色指定为 alpha-red-green-blue 整数,即“0xAARRGGBB”。 alpha“00”表示完全透明,“FF”表示不透明。 - 高度百分比
- 将
滑动条
的垂直高度指定为屏幕高度
的百分比。 - 最大值
- 设置滑块的最大值。如果新的最大值小于当前最小值,则最小值和最大值都将设置为该值。
- 最小值
- 设置滑块的最小值。如果新的最小值大于当前最大值,则最小值和最大值都将设置为该值。
- 接受滑动
- 是否显示滑块以允许滑动。
- 滑块位置
- 设置滑块滑块的位置。如果该值大于
最大值
,那么它将被设置为与最大值
相同的值;如果该值小于最小值
,那么它将被设置为与最小值
相同的值。 - 可见性
- 指定
滑动条
是否应在屏幕上可见。 - 宽度
- 指定
滑动条
的水平宽度,以像素px为单位。 - 宽度百分比
- 将
滑动条
的水平宽度指定为屏幕宽度
的百分比。
事件
- 位置被改变(滑块位置)
- 指示滑块的位置已改变。
方法
无
下拉框
下拉框组件用于显示带有元素列表的对话框。
可以通过将 元素字串
属性设置为以英文逗号分隔的值列表(例如“选择1,选择2,选择3”)或通过将 元素列表
属性设置为块编辑器中的列表。
下拉框
是在已选择第一个项目的情况下创建的,因此选择它不会触发 选择完成
事件。因此,将第一个下拉框
项目设为非选择项(例如“从下面选择…”)会很有用。
属性
- 元素列表
- 指定要显示的选项列表。
- 元素字串
- 将一串英文逗号分隔字符串设置为选项列表,列表项分别是逗号分割后的每一项。
- 高度
- 设置
下拉框
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
下拉框
的垂直高度相对于整个屏幕高度
的百分比。 - 提示
- 指定用于下拉框窗口标题的文本。
- 选中项
- 指定
下拉框
中当前选定的项目。 - 选中项索引
- 将
下拉框
选择设置为给定索引处的元素。如果尝试将其设置为小于“1”或大于
下拉框
中项目数的数字,则“选中项索引”将设置为“0”,并且 选中项 将被设置为空文本。 - 可见性
- 设置
下拉框
是否显示在屏幕上,值是真
则下拉框
显示,假
则隐藏。 - 宽度
- 设置
下拉框
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
下拉框
的水平宽度相对于屏幕宽度
的百分比。
事件
- 选择完成(selection)
- 用户从下拉列表中选择一个项目后触发该事件。
方法
- 显示列表()
- 显示下拉列表供用户选择,与用户单击下拉框的操作相同。
开关(Switch)
开关
组件可以检测用户点击,并可以更改其布尔状态作为响应。除了外观之外,它与 复选框
相同。
开关具有打开(真)状态和关闭(假)状态。当用户点击开关
组件在状态之间切换时,它会触发状态被改变事件。
属性
- 背景颜色
- 设置
开关
的背景颜色,使用RGBA数值表示。 - 启用
- 设置
开关
是否可以被激活和点击。 - 粗体
- 设置
开关
的显示字体是否是粗体。(注:有些字体不支持粗体)。 - 斜体
- 设置
开关
的显示字体是否是斜体。(注:有些字体不支持斜体)。 - 字体大小
- 设置
开关
的字体大小,以像素px为单位。 - 字体
- 设置
开关
的字体,目前支持的字体有:default, serif, sans serif, 和 monospace。要使用自定义字体,请将 .ttf 字体文件上传并选中它。
- 高度
- 设置
开关
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
开关
的垂直高度相对于整个屏幕高度
的百分比。 - 已打开
- 如果开关处于打开状态,则为 真,否则为 假。
- 文本
- 设置
开关
的显示文本。 - 文本颜色
- 设置
开关
的文本颜色,使用RGBA数值表示。 - 打开时滑块颜色
- 指定
开关
处于打开状态时开关滑块的颜色。 - 关闭时滑块颜色
- 指定
开关
处于关闭状态时开关滑块的颜色。 - 打开时轨道颜色
- 指定
开关
处于打开状态时的轨道颜色。 - 关闭时轨道颜色
- 指定
开关
处于关闭状态时的轨道颜色。 - 可见性
- 设置
开关
是否显示在屏幕上,值是真
则开关
显示,假
则隐藏。 - 宽度
- 设置
开关
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
开关
的水平宽度相对于屏幕宽度
的百分比。
事件
- 状态被改变()
- 用户将“开关”的状态从 “开”更改为“关” 或 “关”更改为“开” 时触发该事件。
- 获得焦点()
开关
成为焦点组件时触发该事件。- 失去焦点()
开关
不再是焦点组件时触发该事件。
方法
无
文本输入框
用户可在文本输入框
组件中输入文本。
文本输入框
组件中的初始或用户输入的文本值位于 文本
属性中。 如果 文本
为空,可以使用 提示
属性向用户提供输入内容的建议。 提示
在框中显示为浅淡色文本。
文本框通常与 按钮
组件一起使用,用户在文本输入完成后单击按钮。
如果不应显示用户输入的文本,请改用密码输入框。
属性
- 背景颜色
- 设置
文本输入框
的背景颜色。所有视图中均可设置,默认背景颜色为“默认”(阴影 3D 外观)。 - 启用
- 设置
文本输入框
是否可以接受用户输入。 - 粗体
- 设置
文本输入框
的显示字体是否是粗体。(注:有些字体不支持粗体)。 - 斜体
- 设置
文本输入框
的显示字体是否是斜体。(注:有些字体不支持斜体)。 - 字体大小
- 设置
文本输入框
的字体大小,以像素px为单位。 - 字体
- 设置
文本输入框
的字体,目前支持的字体有:0
(default),1
(serif),2
(sansserif), 和3
(monospace)。要使用自定义字体,请将 .ttf 字体文件上传并选中它。
- 高度
- 设置
文本输入框
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
文本输入框
的垂直高度相对于整个屏幕高度
的百分比。 - 提示
- 设置
文本输入框
的提示信息,如果文本
为空,则该提示信息在框中显示为浅淡色文本。 - 提示颜色
- 设置
文本输入框
提示信息的颜色。 - 允许多行
- 如果为
真
,则此文本输入框
接受多行输入(使用换行键)。对于单行文本框,有一个“完成”键(没有“返回”键),并且按“完成”会隐藏键盘。
多行文本框的键盘需要调用
隐藏键盘
方法来隐藏。 - 仅限数字
- 如果为
真
,则此文本输入框
仅接受数字作为键盘输入。数字可以包含小数点和可选的前导减号(负数)。这仅适用于键盘输入(不可粘贴)。
即便“仅限数字”属性为
真
,也可使用文本
属性将文本设置为任何内容。 - 只读
文本输入框
是否是只读的。- 文本
文本输入框
中的文本,所有视图中均可进行设置,也可以由用户输入(除非启用
属性为假
)。- 文本对齐
- 设置
文本输入框
文本的对齐方式,有效值有:0
(正常;例如,如果文本从左到右书写,则左对齐)1
(居中)2
(相反;例如,如果文本从左到右书写,则右对齐)。 - 文本颜色
- 设置
文本输入框
的文本颜色,使用RGBA数值表示。 - 可见性
- 设置
文本输入框
是否显示在屏幕上,值是真
则文本输入框
显示,假
则隐藏。 - 宽度
- 设置
文本输入框
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
文本输入框
的水平宽度相对于屏幕宽度
的百分比。
事件
- 获得焦点()
- 选择
文本输入框
进行输入(例如用户触摸它)时引发的事件。 - 失去焦点()
- 当不再选择
文本输入框
进行输入时引发事件,例如用户触摸其他的输入框。 - 文本改变()
- 当
文本输入框
中的文本被用户或程序改变时触发该事件。
方法
- 隐藏键盘()
- 隐藏键盘。只有多行文本框需要用到这个方法;当用户按下“完成”键时,单行文本框会自动关闭键盘。
- 移动光标到(位置)
- 将
文本输入框
的光标重新定位到指定的位置索引(从1开始)处的字符之前。如果给定的位置大于文本输入框
中文本的长度,则光标将移动到文本的末尾;如果给定的位置小于或等于 1,则光标将移动到开头。 - 移动光标到末尾()
- 将光标重新定位到
文本输入框
中文本的末尾。 - 移动光标到开始()
- 将光标重新定位到
文本输入框
中文本的开头。 - 焦点请求()
- 请求焦点到当前的
文本输入框
。
时间选择框
点击该按钮会打开一个对话框以允许用户选择时间。
注意:日期和时间是使用 计时器
组件中的方法进行操作的。
属性
- 背景颜色
- 设置
时间选择框
的背景颜色,使用RGBA数值表示,如果设置了图像
属性,则不能显示背景颜色直到删除图像
属性为止。 - 图像
- 设置
时间选择框
图像的路径,如果同时设置了图像
和背景颜色
,则仅图像
可见。 - 启用
- 设置
时间选择框
是否可以被激活和点击。 - 粗体
- 设置
时间选择框
的显示字体是否是粗体。(注:有些字体不支持粗体)。 - 斜体
- 设置
时间选择框
的显示字体是否是斜体。(注:有些字体不支持斜体)。 - 字体大小
- 设置
时间选择框
的字体大小,以像素px为单位。 - 字体
- 设置
时间选择框
的字体,目前支持的字体有:default, serif, sans serif, 和 monospace。要使用自定义字体,请将 .ttf 字体文件上传并选中它。
- 高度
- 设置
时间选择框
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
时间选择框
的垂直高度相对于整个屏幕高度
的百分比。 - 时刻
- 返回上次使用
时间选择框
选取的时刻。 - 时
- 返回上次使用
时间选择框
选取时间的小时。返回的时间始终采用 24 小时制。
- 分
- 返回上次使用
时间选择框
选取时间的分钟。 - 形状
- 设置
时间选择框
的形状,此属性的有效值为:0
(默认)1
(圆形)2
(矩形)3
(椭圆形)。如果设置了
图像
,则形状
将不可见。 - 显示反馈
- 设置
时间选择框
指定图像
后被按压是否显示视觉反馈。 - 文本
- 设置
时间选择框
的显示文本。 - 文本对齐
- 设置
时间选择框
文本的对齐方式,有效值有:0
(正常;例如,如果文本从左到右书写,则左对齐)1
(居中)2
(相反;例如,如果文本从左到右书写,则右对齐)。 - 文本颜色
- 设置
时间选择框
的文本颜色,使用RGBA数值表示。 - 可见性
- 设置
时间选择框
是否显示在屏幕上,值是真
则时间选择框
显示,假
则隐藏。 - 宽度
- 设置
时间选择框
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
时间选择框
的水平宽度相对于屏幕宽度
的百分比。
事件
- 完成时间设定()
- 用户在对话框中选择时间后运行的事件。
- 获得焦点()
- 表示光标已经移到
时间选择框
上,因此现在可以点击它。 - 失去焦点()
- 表示光标已从
时间选择框
移开,因此现在不能点击它了。 - 被按下()
- 表示
时间选择框
按钮被按下。 - 被松开()
- 表示
时间选择框
按钮被松开。
方法
- 打开选择框()
- 启动时间选择器对话框。在用户确认选择后,完成时间设定 事件将被触发。
- 设置时间显示(时,分)
- 允许用户设置
时间选择框
打开时显示的时间。小时字段的有效值为 0-23,分钟的有效值为 0-59。
- 设置显示某时刻的时间(时刻)
- 选择器打开时允许用户设置显示指定时刻的时间。
Web浏览框
用于查看网页的组件。
可以在界面设计视图或程序设计视图中指定 首页地址
。可以将视图设置为在点击链接时跟踪链接,并且用户可以填写 Web 表单。
警告: 这不是一个完整的浏览器。例如,按下手机的硬件后退键将退出应用程序,而不是在浏览器历史记录中返回。
你可以使用 页面交换字串
属性在你的App和Web浏览框
页面中运行的 Javascript 代码之间进行通信。在App中,可以获取或设置 页面交换字串
。
在Web浏览框
中,可以使用 getWebViewString()
和 setWebViewString(text)
方法操作 window.AppInventor
的Javascript对象。
> 例如:如果Web浏览框
打开包含 Javascript 命令的页面:
document.write("在WEB页面Javascript中输出AppInventor设置的交换字串:" + window.AppInventor.getWebViewString());
如果你将 页面交换字串
设置为“你好!”,则网页将显示:
在WEB页面Javascript中输出AppInventor设置的交换字串:你好!
如果网页包含执行命令的 Javascript:
windowAppInventor.setWebViewString("使用Javascript设置AppInventor交换字串内容"),
那么 页面交换字串
属性的值将是:
使用Javascript设置AppInventor交换字串内容
从 JavaScript 调用 setWebViewString
还将运行 WebViewStringChange
事件,以便块可以在 页面交换字串
属性更改时进行处理。
从版本 nb184a 开始,你可以指定以 http://localhost/
开头的 首页地址
来引用 AI伴侣 和已编译应用程序中的资源。以前,应用程序需要在编译的应用程序中使用 file:///android_asset/
,并在 AI伴侣 中使用 /sdcard/AppInventor/assets/
。
这两个选项都将继续有效,但 http://localhost/
方法将在这两种情况下都有效。 你还可以使用 file:///appinventor_asset/
,它通过防止在你的资产中使用来自 JavaScript 的异步请求访问网络来提供更高的安全性。
属性
- 当前页标题
- 返回当前正在查看的页面的标题。
- 当前网址
- 返回当前正在查看的 URL。如果已通过链接跳转访问新页面,就可能与
首页地址
不同。 - 允许链接跳转
- 设置在
Web浏览框
中点击链接时是否跟随链接。 - 高度
- 设置
Web浏览框
的垂直高度,以像素px为单位。 - 高度百分比
- 设置
Web浏览框
的垂直高度相对于整个屏幕高度
的百分比。 - 首页地址
- 设置
Web浏览框
最初应打开的页面的 URL。设置此属性后将加载该页面。 - 忽略ssl错误
- 设置是否忽略 SSL 错误,默认为
假
。设置为
真
以忽略错误,使用它接受来自网站的自签名证书。 - 开启授权提示
- 设置是否应提示用户在
Web浏览框
中使用地理定位 API 的权限。如果为
真
,则提示Web浏览框
的用户授予访问地理定位 API 的权限;如果为假
,则默认已授予权限。 - 允许使用定位
- 设置
Web浏览框
是否可以访问 JavaScript 地理定位 API。 - 可见性
- 设置
Web浏览框
是否显示在屏幕上,值是真
则Web浏览框
显示,假
则隐藏。 - 页面交换字串
- 获取
Web浏览框
的字符串,可以通过Web浏览框
中的 Javascript 作为window.AppInventor
对象查看该字符串。 - 宽度
- 设置
Web浏览框
的水平宽度,以像素px为单位。 - 宽度百分比
- 设置
Web浏览框
的水平宽度相对于屏幕宽度
的百分比。
事件
- 页面即将加载时(URL网址)
- 当页面即将加载时,触发此事件。
- 出现错误时(错误码,错误描述,出错网址)
- 当发生错误时,将触发此事件。
- 页面加载完成时(URL网址)
- 当页面加载完成时,将触发此事件。
- 页面交换字串改变时(新字串值)
- 从 JavaScript 调用
AppInventor.setWebViewString
方法时触发该事件。新的
页面交换字串
由新字串值
参数给出。
方法
- 能否后退()
- 如果
Web浏览框
可从历史记录列表中后退,则返回真
。 - 能否前进()
- 如果
Web浏览框
可从历史记录列表中前进,则返回真
。 - 清除缓存()
- 清除内部Web浏览器的缓存,包括内存和磁盘。当使用
Web浏览框
轮询没有缓存标头控制的页面时,会非常有用。 - 清除Cookies()
- 清除内部Web浏览器的Cookie。 Cookie会记录一些已登录的账户信息等,如果你想让用户退出网站登录,会非常有用。
- 清除位置信息()
- 清除已存储的位置权限。当在
Web浏览框
中使用地理定位API时,系统会根据每个URL提示最终用户是否应授予访问其位置的权限。此功能会清除所有位置的此信息。由于权限界面在较旧的手机上不可用,因此该功能在较旧的手机上是无效的。
- 后退()
- 返回历史列表中的上一页。如果没有上一页,则不执行任何操作。
- 前进()
- 前进到历史列表中的下一页。 如果没有下一页,则不执行任何操作。
- 回首页()
- 从首页 URL 加载页面。当首页URL 更改时,会自动切换并访问新的首页地址。
- 访问网址(URL网址)
- 加载给定 URL网址 的页面。
- 重新加载()
- 重新加载当前页面。
- 执行JavaScript代码(js代码文本)
- 在当前页面中执行 JavaScript 代码。
- 停止加载()
- 停止加载当前页面。