MultiTextBox

简介

multiTextBox是多行文本控件,和label类似,都是用于显示文本元素,但它支持自动换行与多行显示。当文本内容过多时,multiTextBox不会显示超过控件范围的文本内容。

MultiTextBox

公共属性

  • 控件类型

    默认 multiTextBox,且不可改动。

  • 透明度

    设置背景颜色的透明度,范围: 0 ~ 255。也可以在背景颜色中设定。

    注:当背景图片的设定不为空时,将自动设置为 0。

名称

  • 控件名称

    设定控件的名称。

    在JS脚本中,可根据控件名称来指定控件,并对其进行设定或操作。

设计

  • 控件锁定

    选项:True/False

    设定该控件是否锁定。

    如果设定值为True,则设计器中无法移动该控件。

  • 是否隐藏控件

    选项:True/False

    设定该控件是否需要隐藏。

    如果设定值为True,设计器与实际效果都不会显示该控件及控件中的内容。

    当控件已隐藏时,可通过在工程管理器中点击来选中该控件。

图片

  • 背景图片

    设定控件的背景图片,不支持缩放,且居中显示。

外观

  • 背景颜色

    设定背景颜色,设定背景颜色的ARGB值。

    可打开颜色选择器,通过颜色选择器修改RGB值。

    Alpha值(即透明度),可以直接修改设定值 或 修改透明度的值。背景颜色的透明度与属性透明度的值会自动保持一致。

  • 行高

    设定文本内容每一行的高度。行高必须不小于字体大小,否则文字会重叠。

  • 前景色

    设定控件中文本内容的颜色,设定值为ARGB值。

    可打开颜色选择器,通过颜色选择器修改设定RGB值。

    Alpha值(即透明度)需要通过手动修改设定。

    字体为点阵字体时(自带字体库均为点阵字体),alpha值设定无效。当字体为ttf字体时,alpha值有效。

位置属性

  • x坐标点

    设定 控件的左上角 相对于 父控件的左上角 的横坐标。

  • y坐标点

    设定 控件的左上角 相对于 父控件的左上角 的纵坐标。

  • 高度

    设定控件的高度

  • 宽度

    设定控件的宽度

文本

  • 控件文本

    设定控件上显示的文本内容。当字体选项为asc 点阵字体时,无法显示非英文字符。

  • 文本对齐

    选项 : TopLeft/TopMiddle/TopRight/CenterLeft/CenterMiddle/CenterRight/BottomLeft/BottomMiddle/BottomRight

    设定文本内容在控件中的对齐方式。

  • 字体

    设定文本字体。

    自带点阵字体,字体大小为16,不可更改,否则会显示错误。

    如果想要设定其他字体,请先在字体库中添加对应的ttf文件。

  • 字体大小

    设定文本内容的字体大小。

setData

  • 控件自有属性

    属性名 类型 描述 注解
    text String MultiTextBox 控件文本 设置控件显示文本
    clear bool MultiTextBox 控件文本清除 值为 true 时清空文本
  • setData 设置更改属性示例

    示例代码 注解
    this.setData({MultiTextBox1 : 'MultiTextBox1'}) 设置控件文本为 MultiTextBox1
    this.setData({MultiTextBox1 : {clear : true}}) 清空控件文本

Sample

Sample演示了如何在有限区域内,显示超长文本内容。

控件布局

layout

在Page中加入一个listctrl控件,设定其位置和大小,作为需要显示超长文本的区域。再向listctrl中加入multiTextBox,并在控件文本中添加需要显示的文本内容。再根据内容设定multiTextBox的大小,保证文本能够全部显示。

效果

sample