通过一个完整的例子来了解ThreadX GUIX中2D函数在窗口任意位置绘图的套路

eric2013

就这么些个函数，研究溜，也要花些时间多做测试分析：



gx_window_draw
作为窗口的 Draw Function 绘图回调函数，此函数用于窗口默认效果的绘制。

gx_utility_rectangle_define
定义一个矩形框，后续的 2D 绘制函数都是在这个矩形范围内绘制的，此函数的后四个参数是左上角
位置和右下角位置。

gx_widget_canvas_get
返回窗口对应的 canvas 画布。

gx_canvas_drawing_initiate
在指定的画布上启动绘图。此功能在 GUIX 内部被延迟绘图算法调用，在需要画布时自动执行更新。
但是允许应用程序绕过延期绘图算法并立即执行。首先调用 gx_canvas_drawing_inititate 在画布上
绘画。 然后调用所需的绘图函数，最后调用 gx_canvas_drawing_complete 即可。

gx_context_raw_line_color_set
设置笔刷画线的颜色值，比如直线，圆圈的轮廓，椭圆的轮廓，矩形的轮廓，多边形的轮廓等都是采
用的这个值。 注意这个颜色值是 32bit 的 ARGB 格式，每个 bit 代表的含义如下：



gx_context_raw_fill_color_set
设置笔刷填充的颜色值，比如圆圈填充，椭圆填充，矩形填充，多边形填充等都是采用的这个值。

gx_context_brush_style_set
用于设置笔刷的样式，我们这里设置了 GX_BRUSH_SOLID_FILL，表示圆圈，矩形，多边形等绘制为
填充效果。 如果不设置此样式，表示仅显示一个轮廓。这里特别注意一点，各种样式参数可以通过或
操作全部执行，比如 GX_BRUSH_SOLID_FILL | GX_BRUSH_ALIAS。

gx_context_brush_width_set
用于设置笔刷线宽，此线宽对直线，圆圈的轮廓，椭圆的轮廓，矩形的轮廓，多边形的轮廓等都起作
用。 注意，对于这些 2D 绘制，必须要设置线宽才可以正常显示。

gx_canvas_line_draw
直线绘制，注意坐标位置是相对于代码中的窗口，而不是相对于 gx_utility_rectangle_define 定义的
矩形区域。

gx_canvas_circle_draw
圆圈绘制，坐标含义同上。

gx_canvas_ellipse_draw
椭圆绘制，坐标含义同上

gx_canvas_polygon_draw
多边形绘制，坐标含义同上。 多边形的绘制是把用户设置的几个坐标点依次连接到一起。

gx_canvas_rectangle_draw
矩形框绘制，坐标点含义同上。

gx_canvas_drawing_complete
用于强制立即绘制，注意，务必和 gx_canvas_drawing_initiate 成对调用。

eric2013

教程第13章节已经加入这些知识点了：

http://www.armbbs.cn/forum.php?mod=viewthread&tid=98429&extra=page%3D1

hpdell

大神你好，请教下，


是不是每个 控件 都必须 设置 widget id 啊 ？？

我目前移植的，在主界面有很多个 图标按钮，都没有配 widget id ，重绘 2d 图形 没有显示出来，是否与这个 widget id 有关啦 ？

Ting

hpdell 发表于 2020-9-15 08:55
大神你好，请教下，

不是每个控件都需要设置ID.
如果希望接收来自某个控件的事件，则需要为该控件设置ID。

eric2013

hpdell 发表于 2020-9-15 08:55
大神你好，请教下，

养成好习惯，每个控件都配置上，方便事件配置。

你的2D绘制没有显示出来与这个没有关系。

hpdell

eric2013 发表于 2020-9-16 14:50
养成好习惯，每个控件都配置上，方便事件配置。

你的2D绘制没有显示出来与这个没有关系。

有空还得继续捣鼓捣鼓啊

li99932

硬汉 怎样才能获得显示上 控件的枸柄，可以移动 这个控件。

hpdell

eric2013 发表于 2020-9-16 14:50
养成好习惯，每个控件都配置上，方便事件配置。

你的2D绘制没有显示出来与这个没有关系。

我的 2d 终于显示出来了，是我的 坐标 没有搞对造成的

现在显示的是 实心图形，那显示空心的 2d 图形 貌似没有找到相关的函数啊 ？

eric2013

hpdell 发表于 2020-9-17 09:21
我的 2d 终于显示出来了，是我的 坐标 没有搞对造成的

现在显示的是 实心图形，那显示空心的 2d 图形  ...

实心和空心的关键就在这个函数上

hpdell

eric2013 发表于 2020-9-17 10:43
实心和空心的关键就在这个函数上

原来如此呀，我试试看，多谢多谢啊

eric2013

hpdell 发表于 2020-9-17 11:06
原来如此呀，我试试看，多谢多谢啊

hpdell

eric2013 发表于 2020-9-18 02:29

huhao0716

gx_widget_canvas_get 获取到的是widget父窗口的canvas，并不是它自己的canvas。我想知道怎么获取widget本身的canvas呢？

zorna

请问博主，我的这边给窗口设置了绘图函数，想要实时绘制指针的角度，角度更新的流程如下：
1. 首届面切换到指针角度更新的界面
2. 对角度值变量进行赋值
3. 调用gx_system_dirty_partial_add函数
4. 调用draw function
现象是：角度值并没有进行更新
debug调试后发现，gx_system_dirty_partial_add函数调用成功，返回值也是succes，但是后续并没有调用draw function

请问硬汉哥之前有遇到这种情况吗

eric2013

zorna 发表于 2024-11-28 17:53
请问博主，我的这边给窗口设置了绘图函数，想要实时绘制指针的角度，角度更新的流程如下：
1. 首届面切换 ...

这个我专门做了一期教程，你试试。

ThreadX GUIX教程发布炫酷时钟设计章节，结合硬件RTC，实现贼简单，图片抗锯齿做的很好（2022-04-04）
https://www.armbbs.cn/forum.php?mod=viewthread&tid=111748

zorna

eric2013 发表于 2024-11-29 08:32
这个我专门做了一期教程，你试试。

ThreadX GUIX教程发布炫酷时钟设计章节，结合硬件RTC，实现贼简单 ...

这个问题后面发现，是GUIX线程接收到更新角度值的事件通知了，但是并没有处理，我手动加上了强制窗口立刻重绘的函数就解决了这个问题

huhao0716

请问无窗口可以绘图吗？比如只是在内存画布里面绘图，然后保存成图片，不用在界面上显示出来

eric2013

huhao0716 发表于 2025-4-16 04:04
请问无窗口可以绘图吗？比如只是在内存画布里面绘图，然后保存成图片，不用在界面上显示出来

好像可以的，可以参考GUIX教程里面2D章节。需要开个区域，在这个区域里面绘制。