界面设计小助手:GUI Library

关键字 :GUI Library
一、什么是 GUI Library

        一般在 PC 端进行绘画时都会使用一些软件来进行操作,比如简单的有 Windows 自带的画图工具,而比较专业的有 Adobe 公司的 PhotoShop。同样的在做视频剪辑的时候有一些软件提供给我们使用:剪辑大师、Adobe Premiere 等等。不仅仅是这两个需求有这专业的软件提供使用,几乎是各行各业都有着它们的专业软件,帮助其行业更加高效简便的进行工作。

        同样的在进行界面设计时也会有类似这种专业工具,便于我们更加高效的进行设计的工作,这一类的工具就是我们进行要说的内容了:GUI Library。

 

二、为什么要用 GUI Library

        在之前已经给大家介绍了 LCD 屏上面的内容是如何显示出来的,单单是显示一张图片就需要进行好几步复杂的操作,而通常来说在一套完成界面交互方案里面,显示图片仅仅只是一个很小的点。所以可想而知假如我们进行界面交互设计的时候按找前文的方式来实现,那是多么可怕的一件事情了。

        所以这里就不得不提到这个 GUI 库了,人类之所以能够达到现在这个文明水平和人类能够创造工具和使用工具这个条件是分不开的。为了更为快捷进行设计和避免重复工作,在界面设计领域人们创造出了 GUI Library 这个东西,它提供一些简单图形的绘制接口:

        例如绘制线段我们只需要调用绘制线段的接口输入一些属性参数就可以了,GUI Library 会自动在显存上帮助我们绘制出这条线段。再例如我们需要画一个正方形,我们同样的只需要调用绘制正方形的接口然后输入正方形的属性参数就可以,GUI Library 就会依据我们输入的参数自动在显存上帮助我们绘制出这个正方形。

        它同样的带有着一些图片的解码库,当然不同的 GUI Library 里面的详细内容各不相同,只是大体方向上保持着一致。有了这些图片的解码库配上 GUI Library 的显示方式,我们就不需要像上一章节那样操作那么复杂才能显示出一张图片了。有了它以后只需要将图片转成数据形式存储在 ROM 里,然后调用 GUI 的图片显示接口就可以将其显示在 LCD 上了。

        这里只是简单的介绍下 GUI 的一些基本功能,并没有更加深入的做探讨,其功能远不止这些,可以说是我们在进行界面设计时的必须品了。

 

三、有哪些 GUI Library

        上面说了一大堆 GUI Library 的好处,那现在就贴近实际来讲,到底有哪些 GUI Library 呢?在这里我给大家介绍几款平时比较常见的:

        ①、emWin

        一款在主流的 MCU 平台上免费使用的 GUI Library,以文件库的形式提供给用户,不开放源代码。

        官方网址: https://www.segger.com/downloads/emwin

 

        ②、TouchGFX

        一款在 ST 平台上免费使用的 GUI Library,以文件库的形式提供给用户,不开放源代码。提供专业的设计工具。

        官方网址: https://www.touchgfx.com.cn/i.php

 

        ③、Embedded Wizard

        一款在主流平台上收费使用的 GUI Library,以文件库的形式提供给用户,不开放源代码。提供专业的设计工具。

        官方网址: https://www.embedded-wizard.de/

 

        ④、StoryBoard

        一款在主流平台上收费使用的 GUI Library,以文件库的形式提供给用户,不开放源代码。提供专业的设计工具。

        官方网址: https://www.cranksoftware.com/

 

        ⑤、LittleVGL

        一款在主流平台上开源免费使用的 GUI Library,以源代码的形式提供给用户。

        官方网址:https://littlevgl.com/

★博文内容均由个人提供,与平台无关,如有违法或侵权,请与网站管理员联系。

★文明上网,请理性发言。内容一周内被举报5次,发文人进小黑屋喔~

评论