0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

图像显示专用驱动芯片ZDP1440系列小技巧-如何提升环形进度条帧率

立功科技 来源:立功科技 2025-01-06 14:32 次阅读

本文导读

ZDP1440是一款基于开源GUI引擎的图像显示专用驱动芯片,可以通过串口或者SPI与其他芯片通信。在一些仪器仪表中会有环形进度条或者扇形进度条的需求,本文将介绍如何提升这部分动画的帧率。

在一些使用场景中,需要在UI上显示一个仪表盘,仪表盘上存在环形进度条或扇形进度条。在没有GPU的平台直接使用现有的控件实现,会调用软件vg抗锯齿算法,优化显示效果,导致显示效率大幅降低。为了提升这部分应用场景的帧率,我们制作了一个自定义控件(progress-circle-no-vg),不使用软件vg绘图,提升显示效率。
使用此控件绘制,会额外占用进度条图片大小的32位色的内存空间,且进度条边缘处会存在锯齿。

显示差异

下图左侧为未经抗锯齿处理的显示效果,右侧为经抗锯齿处理的显示效果。锯齿的宽度或高度最少为一个像素点大小,如果屏幕的像素密度较高,则基本不可见。

d8750c9a-cbdf-11ef-9310-92fbcf53809c.jpg

导入并安装控件

新建好UI后,点击“插件管理”,再点击“导入”按钮:

d8947558-cbdf-11ef-9310-92fbcf53809c.png

随后选择并打开03.UI_build_project oolsawtk-widget-progress-circle-no-vg路径下的project.json文件:

d8a50594-cbdf-11ef-9310-92fbcf53809c.png

在“推荐”栏中找到新导入的自定义控件,点击“安装”:

d8b8f13a-cbdf-11ef-9310-92fbcf53809c.png

等待安装完成,在安装成功的弹窗中点击“刷新”按钮:

d8d29aa4-cbdf-11ef-9310-92fbcf53809c.png

已安装的插件中就会新增progress-circle-no-vg,点击插件,右侧就会弹出该控件的使用说明:

d8e99b8c-cbdf-11ef-9310-92fbcf53809c.png

在“控件列表”的“自定义”栏中,出现安装好的progress-circle-no-vg控件

d8fa7218-cbdf-11ef-9310-92fbcf53809c.png

控件的使用

以UI工程中自带的“guage_bg.png”图片为例,制作一个顺时针旋转的0~100的环形进度条。根据控件的使用说明,进度条图片为guage_bg、最大值为100、当前值任意填写、起始角度是135°、总角度为270°、圆心刚好为图片中心

d90fe03a-cbdf-11ef-9310-92fbcf53809c.png

在对应位置填好参数,进度条即可正常显示,可为该进度条设置动画或者在代码中实时更新控件的值。

效果展示

为了使效果更加直观,创建两个窗口。在一个窗口中创建四个环形进度条控件,在另一个窗口中创建四个自定义控件,增加同样的动画,打开帧率,观察其帧率表现。

使用环形进度条控件的窗口的帧率在15~20左右,而使用自定义控件的窗口帧率稳定在60fps。

HMI-ZDP1440D串口屏开发套件资料持续更新中。

HMI-ZDP1440D开发套件已在微商城上架。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 驱动芯片
    +关注

    关注

    13

    文章

    1290

    浏览量

    54723
  • GUI
    GUI
    +关注

    关注

    3

    文章

    662

    浏览量

    39753

原文标题:ZDP1440系列小技巧-如何提升环形进度条帧率

文章出处:【微信号:立功科技,微信公众号:立功科技】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    图像显示驱动芯片ZDP1440系列小技巧 如何使用多国语言互译

    ZDP1440是一款基于开源GUI引擎的图像显示专用驱动芯片,在实际项目中,可能有切换多国语言的
    的头像 发表于 05-10 14:38 1494次阅读
    <b class='flag-5'>图像</b><b class='flag-5'>显示</b><b class='flag-5'>驱动</b><b class='flag-5'>芯片</b><b class='flag-5'>ZDP1440</b><b class='flag-5'>系列</b>小技巧  如何使用多国语言互译

    ZDP1440串口屏应用开发如何使用虚拟串口调试

    ZDP1440串口屏应用开发如何使用虚拟串口调试呢?本文将详细方法分享给大家。
    的头像 发表于 01-25 11:32 1722次阅读
    <b class='flag-5'>ZDP1440</b>串口屏应用开发如何使用虚拟串口调试

    求一种基于ZDP1440的彩屏86盒显示方案

    立功科技基于ZDP1440的86盒彩屏方案,广泛应用于灯光控制器,空调地暖温控器,智能家居中控屏等相关产品中,本文详解方案特点。
    的头像 发表于 02-20 16:26 1211次阅读
    求一种基于<b class='flag-5'>ZDP1440</b>的彩屏86盒<b class='flag-5'>显示</b>方案

    请问怎么用进度条显示程序的进度

    怎么用进度条显示程序的进度
    发表于 12-24 10:02

    C#教程之弹出模式窗口显示进度条

    C#教程之弹出模式窗口显示进度条,很好的C#资料,快来学习吧。
    发表于 04-20 10:49 7次下载

    HPM5300+ZDP1440高性能工业控制与显示组合震撼登场

    先楫HPM5300高性能MCU与ZDP1440显示驱动芯片,打造高性能工业控制与显示应用平台。
    的头像 发表于 02-22 11:32 974次阅读
    HPM5300+<b class='flag-5'>ZDP1440</b>高性能工业控制与<b class='flag-5'>显示</b>组合震撼登场

    ZDP1440系列小技巧—如何配置RGB屏幕参数?

    ZDP1440是一款基于开源GUI引擎的图像显示专用驱动芯片,具有RGB/MIPI两种
    的头像 发表于 04-08 14:04 917次阅读
    <b class='flag-5'>ZDP1440</b><b class='flag-5'>系列</b>小技巧—如何配置RGB屏幕参数?

    如何配置和校准电阻屏

    ZDP1440是一款基于开源GUI引擎的图像显示专用驱动芯片,内置电阻屏和电容屏触摸
    的头像 发表于 04-16 11:21 1347次阅读
    如何配置和校准电阻屏

    【AWTK使用经验】如何设计立体电池进度条

    AWTK是基于C语言开发的跨平台GUI框架。《AWTK使用经验》系列文章将介绍开发AWTK过程中一些常见问题与解决方案,例如:如何加载外部资源?如何设计自定义进度条?这些都会在系列文章进行解答
    的头像 发表于 04-18 08:25 469次阅读
    【AWTK使用经验】如何设计立体电池<b class='flag-5'>进度条</b>?

    ZDP1440系列小技巧—如何配置MIPI屏幕参数?

    ZDP1440是一款基于开源GUI引擎的图像显示专用驱动芯片,具有RGB/MIPI两种
    的头像 发表于 04-19 14:26 1452次阅读
    <b class='flag-5'>ZDP1440</b><b class='flag-5'>系列</b>小技巧—如何配置MIPI屏幕参数?

    ZDP1440系列小技巧—如何实时显示FPS呢?

    ZDP1440是一款基于开源GUI引擎的图像显示专用驱动芯片,在其上面运行UI时,能看到实时的
    的头像 发表于 04-22 14:16 738次阅读
    <b class='flag-5'>ZDP1440</b><b class='flag-5'>系列</b>小技巧—如何实时<b class='flag-5'>显示</b>FPS呢?

    ZDP1440系列小技巧:实时显示FPS的方法详解

    ZDP1440是一款基于开源GUI引擎的图像显示专用驱动芯片,在其上面运行UI时,能看到实时的
    的头像 发表于 04-22 14:14 787次阅读
    <b class='flag-5'>ZDP1440</b><b class='flag-5'>系列</b>小技巧:实时<b class='flag-5'>显示</b>FPS的方法详解

    ZDP1440系列小技巧—如何OTA差分升级显示素材?

    ZDP1440是一款基于开源GUI引擎的图像显示专用驱动芯片,支持U盘、SD卡本地升级UI固件,
    的头像 发表于 05-06 14:01 921次阅读
    <b class='flag-5'>ZDP1440</b><b class='flag-5'>系列</b>小技巧—如何OTA差分升级<b class='flag-5'>显示</b>素材?

    ZDP14x0系列图像显示专用驱动芯片的应用示例

    ZDP14x0系列是一款基于开源GUI引擎的图像显示专用驱动
    的头像 发表于 08-06 16:04 509次阅读
    <b class='flag-5'>ZDP</b>14x0<b class='flag-5'>系列</b><b class='flag-5'>图像</b><b class='flag-5'>显示</b><b class='flag-5'>专用</b><b class='flag-5'>驱动</b><b class='flag-5'>芯片</b>的应用示例

    ZDP1460屏幕显示驱动芯片产品介绍

    ZDP1460是ZDP1440升级版的屏幕显示驱动芯片,具有高达64MB的显示内存,内置2D图形
    的头像 发表于 08-06 16:47 983次阅读
    <b class='flag-5'>ZDP</b>1460屏幕<b class='flag-5'>显示</b><b class='flag-5'>驱动</b><b class='flag-5'>芯片</b>产品介绍