[发明专利]基于XAML的UI图像显示方法、终端以及存储介质

说明书

本发明提供一种基于XAML的UI图像显示方法、终端以及存储介质，该基于XAML的UI图像显示方法包括：S101：基于XAML代码生成位图，存储位图；S102：基于控件显示存储的位图，并在控件的业务逻辑改变后，判断位图是否满足显示要求，若是，则根据控件进行位图显示，若否，则执行S101。本发明提高了UI界面的展示效果，降低了学习难度，并且通过预存控件所需位图的方式，大大降低了UI界面显示所占用的运算资源，提升了显示速度和设备适应性，满足了用户需求。

技术领域

本发明涉及UI界面显示领域，尤其涉及一种基于XAML的UI图像显示方法、终端以及存储介质。

背景技术

当前的工业控制环境，很多用于管理控制机器的智能系统搭载的硬件都是经过专用化改造的，所以很多情况下，会出现可供使用的运算资源有限的情况。然而智能系统UI界面的生动、直观展示又是一个重要组成部分。

在当前Windows系统下，用于处理该问题的手段技术有GDI、WPF、浏览器等。因为工业环境的智能设备更多的是重运算而轻渲染，所以，当前能使用的技术仅有GDI。

但是，GDI技术学习周期长，技术特点多，如果要呈现出复杂图形，要求的算法复杂，且代码量大，还有些特殊的图形几乎无法绘制，难以满足实际需求。

发明内容

为了克服现有技术的不足，本发明提出一种基于XAML的UI图像显示方法、终端以及存储介质，以XAML代码的方式绘制UI界面所需的图像，相对于GDI技术操作简单、代码量少，且能够用于绘制各种特殊图形，提高了UI界面的展示效果，降低了学习难度，并且通过预存控件所需位图的方式，大大降低了UI界面显示所占用的运算资源，提升了显示速度和设备适应性，满足了用户需求。

为解决上述问题，本发明采用的一个技术方案为：一种基于XAML的UI图像显示方法，所述基于XAML的UI图像显示方法包括：S101：基于控件获取图形的XAML代码，根据所述XAML代码生成位图，存储所述位图；S102：基于控件显示存储的位图，并在控件的业务逻辑改变后，判断位图是否满足显示要求，若是，则根据所述控件进行位图显示，若否，则执行S101。

进一步地，所述基于控件获取图形的XAML代码的步骤具体包括：获取待加载的控件的类型以及呈现内容，判断所述类型、呈现内容是否满足第一预设条件；若是，则在加载控件时，获取所述控件对应的图形需求，基于所述图形需求、语法规则组合原始图形XAML代码形成图形的XAML代码；若否，则在加载控件前，根据所述控件编辑原始图形XAML代码，根据所述控件对应的图形需求、语法规则组合原始图形XAML代码形成图形的XAML代码。

进一步地，所述根据所述XAML代码生成位图的步骤具体包括：加载WPF引擎，通过所述WPF引擎将所述XAML代码转换为位图，并在控件的类型为非规则控件时，利用颜色标示所述位图中不显示图像的区域。

进一步地，所述利用颜色标示所述位图中不显示图像的区域的步骤之后还包括：在存储所述位图后，去除所述位图中的颜色标示区域，将剩余区域确定为控件的呈现区域，加载所述控件。

进一步地，所述业务逻辑包括控件大小、控件状态、呈现区域中的至少一种。

进一步地，所述判断位图是否满足显示要求的步骤具体包括：获取被改变的业务逻辑，基于业务逻辑、控件类型、呈现内容判断存储的位图是否满足显示要求。

进一步地，所述根据所述控件进行位图显示的步骤具体包括：根据改变后的业务逻辑选择对应的位图进行显示或调整显示的位图的大小、位置。

进一步地，所述根据所述控件进行位图显示的步骤之后还包括：获取UI界面上的未显示内容，通过图形设备接口绘制所述未显示内容。