可视化元件手册

  1. 首页
  2. 全部文档
  3. 可视化元件手册
  4. 显示元件(40个)
  5. Number Display数字显示

Number Display数字显示

名称:

Number Display | 数字显示

图标:

功能:

  • 数字显示
  • 将要显示的数字传值给此元件的“<Value>”固定名称的数字变量中,就会在屏幕显示数字
  • 元件HTML标签为span
  • 点选放入后,可直接命名,但名称只能用于开发区中区分元件使用,名称不作为显示内容

使用方式:

设计数字显示功能

  • 大小形状边距字体颜色边框等由样式来定义,可对元件用添加“html.style”属性的方式定义样式,单独定义的属性类和属性比样式文件中定义的值优先级更高
  • 此元件中也可以手动添加一个“<On Click>”固定名称的行为处理元件,当用户点击显示的数字时触发事件,但是不建议这样设计,如果需要设计点击事件功能,建议用按钮元件
  • 可以用“html.format”属性来设定显示格式
    · 小数位保留多长,如默认是5位:#.#####
    · 可以为数字添加一个符号,如数字前加¥符号或后面加%:¥#.#####%
  • 表格元件(非简单表格元件)中,用来显示数字类型值的列数据,注意使用时,因为表格中的HTML标签是一套单独的标签规范,如果直接点选放入表格的行元件中则需修改元件标签属性(html.tag)为“td”,如果想不改变标签,则先添加一个显示块,显示块的标签“div”改为“td”,然后在显示块中直接放入各类型显示元件而不需要改变其HTML标签值

样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义
    · 如可以定义数字字体的大小:font-size:16px;
  • 其他样式类名称可在“html.styleClass”属性中设定,可以任意一个样式文件中定义样式类