版本比较

标识

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

...

有多行记录,界面同时显示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"},{}]}]
  • ,textArray);  设置文本内容

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