版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

有多行记录,界面同时显示x行数据,过一段时间后替换为另外x行数据,依次循环


方法:

  • pkloopdisplay

    pkrunninglamp.setData(objectname

    ,[["line1-col1","line1-col2","line1-col3"],["line2-col1",line2-col2","line3-col3"]])。 设置所有的数据记录
  • pkloopdisplay.setDisplayFormat(objectname, textFormatArray); 设置同时显示N行,每一行有多列,每一列数据的显示样式
    • textFormatArrary
      • 文本格式,字体,字号,颜色,行高
      • 背景色(RGBA),背景图片
    • [{"name":"line1",[{"width":80,"font-color":"red","line-height":23...,"bgcolor":"white"},{}]},{"name":"line1",[{"font-color":"red","line-height":23...,"bgcolor":"white"},{}]}]
  • ,data);  设置文本内容

    • 示例:pkrunninglamp.setData('lanpbox',['一.文字跑马灯段落一内容文字跑马灯段落一内容文字跑马灯段落一','二.文字跑马灯段落二内容文字跑马灯段落二内容文字跑马灯段落二','三.文字跑马灯段落三内容文字跑马灯段落三内容文字跑马灯段落三','四.文字跑马灯段落四内容文字跑马灯段落四内容文字跑马灯段落四','五.文字跑马灯段落五内容文字跑马灯段落五内容文字跑马灯段落五'])
  • pkrunninglamp.setAttribute(objectname,data);  设置跑马灯控件属性
    • 示例:pkrunninglamp.setAttribute('lanpbox',{'direction':'up','speed':'200','duplicated':true})
      • direction:文本滚动方向  left:从左向右  right:从右向左  up:从下向上 down:从上向下
      • speed:文本滚动速度  数字越大,速度越快
      • duplicated:是否复制文本。默认为false。
  • pkrunninglamp.setStyle(objectname,data);  设置跑马灯文本属性
    • 示例:pkrunninglamp.setStyle('lanpbox',{'fontFamily':'微软雅黑','fontColor':'blue','fofontntSize':'18px','bgColor':'red'})
      • fontFamily:字体类型
      • fontColor:字体颜色
      • fofontntSize:字体大小,需要设置单位(如px)
      • bgColor:背景色,可设置rgba值(如rgba(0,0,255,0.3)
    pkloopdisplay.setTimeInterval(objectname, intervalMS); 当前显示N行切换到下N行的时间间隔