textLabel(id, text, forId) 创建文本标签

功能分类： UI Controls Applab JavaScript 少儿编程

在默认的（0,0）位置，创建一个指定 id 以及显示指定文本 text 的 textLabel 文本标签。

在很多 APP 应用里都会显示文字信息，并在一些控件如：radioButton()、checkbox()、textInput()、dropDown() 附近显示文字提示信息。这些情况下都需要创建 textLabel 文本标签。如果需要这个文本标签触发别的显示控件的事件，可以在创建文本标签时使用第三个 forId 可选参数，来指定要关联控件的 id 唯一标识。

示例代码


// 创建一个 id 为 "screenTitle" 的
// 用于显示 My App 页面标题的文本标签
textLabel("screenTitle","My App");

示例代码：与文本输入框关联 创建标签并将其关联到一个 id 为 "YourName" 的文本输入框


// 创建标签并将其关联到一个 id 为 "YourName" 的文本输入框
textLabel("YourNameLabel","Enter your name:", "YourName");
textInput("YourName","");

示例代码：用户信息收集 为页面其他控件创建文本标签并关联。下面代码中暂未定义事件捕捉处理。


// 为页面其他控件创建文本标签并关联。下面代码中暂未定义事件捕捉处理。
textLabel("textInputLabel","Name:", "textInputName");
textInput("textInputName","");
write("<br>");
textLabel("dropdownLabel","Year In School","dropdownYear");
dropdown("dropdownYear","Freshman","Sophomore","Junior","Senior");
write("<br>");
textLabel("radioTitleLabel", "Gender");
radioButton("radioFemale","false","genderGroup");
textLabel("radioFemaleLabel","Female","radioFemale");
radioButton("radioMale","false","genderGroup");
textLabel("radioMaleLabel","Male","radioMale");
write("<br>");
textLabel("checkboxLabel","Excited about programming?", "checkboxProgramming");
checkbox("checkboxProgramming",false);

语法规则


textLabel(id, text, forId)

参数说明

名称 类型 必需 参数描述
id string Yes textLabel 文本标签 的 id 唯一标识。在事件响应处理时以及其他涉及修改控件属性的方法里，通过这个 id 可以唯一定位到控件。必须以字母开头，不能包含空格，可以包含字母、数字、减号 - 以及下划线 _ 。
text string Yes 在 textLabel 文本标签 上显示的文本。
forId string No 将 textLabel 文本标签 关联到其他控件的 id 。

返回值

没有返回值。只在显示结果页面体现代码执行前后变化。

提示说明

  • 如果在屏幕的（0,0）位置已经有别的控件，textLabel 文本标签 会被放置到原有控件的右侧或下方，紧挨原有控件放置。
  • 可以用于修改显示控件属性的方法有：setText()、showElement()、hideElement()、deleteElement()、setPosition()、setSize()。
  • 可以用于获取显示控件状态或属性值的方法有：getText()、getXPosition()、getYPosition()。
  • 使用 radioButton 单选按钮、checkbox 多选框 或 dropdown 下拉选框是， 一般都应该与一个 textLabel 文本标签 搭配使用，以提示用户进行操作。
  • textLabel 文本标签 也可以在 设计 模式下通过拖拽的方式添加到屏幕页面，并设置其属性。

查看更多少儿编程教程、JavaScript 介绍

返回文档首页