...
有多行记录,界面同时显示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"},{}]}]
- textFormatArrary
,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.setAttribute('lanpbox',{'direction':'up','speed':'50','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'
});
- 示例:pkrunninglamp.setStyle('lanpbox',{'fontFamily':'微软雅黑','fontColor':'blue','fontntSize':'18px','bgColor':'red'})