画布-canvas

描述

画布,父对象为ui,无子对象


事件

  • sizechange: 控件尺寸变化,事件函数定义:onSizeChange()
  • userevent: 当订阅了某自定义事件,通过service.ctl.emitEvent(name, value)广播时触发, 事件函数定义: onUserEvent(name,value),参数name为事件名,value为数据

属性

名称 功能说明 脚本例子
x x坐标 (只读属性) var x = ui.form-name.canvas-name.x; 获取对象的x坐标
y y坐标 (只读属性) var y = ui.form-name.canvas-name.y; 获取对象的y坐标
width 宽 (只读属性) var width = ui.form-name.canvas-name.width; 获取对象的宽
height 高 (只读属性) var height = ui.form-name.canvas-name.width; 获取对象的高
enabled 使能:如果选中,对象处于激活状态,否则处于“禁止”状态,对所有触摸操作无反应。 ui.form-name.canvas-name.enabled=0 禁止对象
visible 可见:如果选中,对象可见,否则隐藏 ui.form-name.canvas-name.visible=0 隐藏对象

方法

名称 功能说明 脚本例子
clear(name) 清除分组图形 ui.form-name.canvas-name.clear('poly1');清除分组为poly1的图形
clearAll() 清除所有图形 ui.form-name.canvas-name.clearAll();清除所有的图形
beginGroup(name) 开始分组 ui.form-name.canvas-name.beginGroup('poly1');开始分组poly1
endGroup() 结束分组 ui.form-name.canvas-name.endGroup('poly1');结束分组poly1
setPen(width, color, style) 设置画笔 ui.form-name.canvas-name.setPen(1,'#ff0000',ui.form-name.canvas-name.PEN_SOLID_LINE);设置画笔1像素粗,红色,实线
setBrush(color, style) 设置画刷 ui.form-name.canvas-name.setBrush('#ff0000',ui.form-name.canvas-name.BRUSH_SOLID);设置画刷,红色,实心
drawPoint(x, y) 画点 ui.form-name.canvas-name.drawPoint(100, 100);在坐标(100,100)处画点
drawLine(x1, y1, x2, y2) 画直线 ui.form-name.canvas-name.drawLine(100, 100, 200, 200);在坐标(100,100)处画直线到坐标(200, 200)
drawRect(x, y, w, h) 画矩形 ui.form-name.canvas-name.drawRect(50, 50, 200, 100);在坐标(50,50)开始画宽为200,高为100的矩形
drawEllipse(x, y, w, h) 画椭圆 ui.form-name.canvas-name.drawEllipse(100, 100, 200, 200);在坐标(100,100)处画一个直径为200的圆
drawText(x, y, w, h, text) 画文字 ui.form-name.canvas-name.drawText(50, 50, 200, 100, 'test');在矩形区域(50,50,200,100)居中画文字
textHeight() 获取文字高度 var h = ui.form-name.canvas-name.textHeight();
textWidth(text) 获取文字宽度 ui.form-name.canvas-name.textWidth('test');
rawPolyLine(data) 画多段线 ui.form-name.canvas-name.drawPolyLine([0,0],[50,50],[100,20]);画多段线连接3个坐标点
move(x,y) 移动对象:将对象移动到(x,y)坐标位置,坐标系的原点在屏幕的左上角。 ui.form-name.canvas-name.move(10,10) 移动对象到坐标(10,10)
resize(width, height) 设置对象宽和高 ui.form-name.canvas-name.resize(30,20) 设置对象宽30像素,高20像素

results matching ""

    No results matching ""