setSize(id, width, height) 修改控件尺寸

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

修改指定 id 控件的尺寸为指定的 width 宽度及指定的 height 高度。

在 APP 应用里,有时需要修改页面上的某个控件的显示尺寸。所有的页面控件包括:button()textInput()textLabel()dropDown()checkbox()radioButton()image()),都可以使用 setSize() 方法来修改它们的尺寸。当然,如果只是需要设定它们的初始尺寸,在 Applab 里的 设计 模式下可以更容易更直观地做到这一点。并且 设计 模式下,你还可以为控件进行字体、颜色、背景等设置。

示例代码



// 为图片控件设置三种尺寸
image("idSmall", "https://xiaowai.co/images/logo.png");
setSize("idSmall", 50, 50);
image("idMedium", "https://xiaowai.co/images/logo.png");
image("idLarge", "https://xiaowai.co/images/logo.png");
setSize("idLarge", 200, 200);

语法规则


setSize(id, width, height)

参数说明

名称 类型 必需 参数描述
id string Yes 指定事件处理相关控件的 id 唯一标识。必须以字母开头,不能包含空格,可以包含字母、数字、减号 - 以及下划线 _ 。
width number Yes 指定控件宽度,单位为:像素
height number Yes 指定控件高度,单位为:像素

返回值

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

提示说明

  • 屏幕显示区域尺寸为 400 像素宽,560 像素高。
  • 如果屏幕控件因尺寸或位置超出屏幕显示区域,在屏幕上只会显示控件在屏幕显示区域内的部分,超出屏幕显示区域的部分将不显示。

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

返回文档首页