3.21 画布

画布接收绘图指令，在运行时绘制线条、矩形和圆等图形。

下载示例工程 · 下载配套素材

打开第 21 页。工程为 1024×600，地址使用 LW（十六进制）。

1. 属性介绍

1.1 功能设置

1.2 外观设置

画布区域为 900×260，背景使用浅绿；下方放置绘线、绘图和清空按钮。颜色指令使用 RGB565。

2. 应用案例

2.1 绘线、绘图与清空

2.1.1 工程配置

添加画布并设置数据地址。三个功能按钮在松开事件中写入相应指令，完整代码已包含在示例工程。

2.1.2 运行预览

依次点击三个按钮，观察折线、图形与清空效果。指令坐标、数量和结束标记必须配套填写。

2.2 绘线脚本

在按钮的事件设置中启用“松开”事件。示例工程第 21 页的绘线按钮 ID 为 1524；新建工程时改为实际 ID，并将分支合并到已有的 on_widget_event。

LW = 1

function on_widget_event(screen, control, event)
    if screen == 21 and control == 1524 and event == 8 then
        set_array(LW, 0x2400, {
            2, 5, 0x4C70,
            100, 350, 240, 240, 390, 320,
            560, 225, 740, 335, 910, 245, 0xFF00
        })
    end
end

本例 2 表示绘线，5 表示五条线段，0x4C70 为 RGB565 颜色；随后六组页面坐标依次相连，0xFF00 结束指令。绘图与清空的代码见示例工程。