功能分类: UI Controls Applab JavaScript 少儿编程
在默认的(0,0)位置,创建一个指定 id
以及显示指定文本 text
的 button 按钮。
在很多 APP 应用里包含按钮控件,当用户点击按钮时可以触发一些操作。而这些操作需要通过 onEvent() 来创建,并指定好相关按钮控件的 id
。
// 在页面上创建一个 id 为 "id" 的 "Click Me" 按钮。
button("id", "Click Me!");
示例代码:简单移动控制 #1 每点击按钮一次,就向前移动一步
// 每点击按钮一次,就向前移动一步
button("forward", "Move Forward");
onEvent("forward", "click", function(event) {
moveForward();
});
示例代码:简单移动控制 #2 点击不同按钮,向不同方向(向前或向后)移动
// 点击不同按钮,向不同方向(向前或向后)移动
button("forward", "向前移动");
button("backward", "向后移动");
onEvent("forward", "click", function(event) {
moveForward();
});
onEvent("backward", "click", function(event) {
moveBackward();
});
button(id, text)
名称 | 类型 | 必需 | 参数描述 |
---|---|---|---|
id | string | yes | button 按钮 的 id 唯一标识。在事件响应处理时以及其他涉及修改控件属性的方法里,通过这个 id 可以唯一定位到控件。必须以字母开头,不能包含空格,可以包含字母、数字、减号 - 以及下划线 _ 。 |
text | string | yes | 在 button 按钮 上显示的文本。 |
没有返回值。只在显示结果页面体现代码执行前后变化。
设计
模式下通过拖拽的方式添加到屏幕页面,并设置其属性。