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

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

3天内不再提示

专门用来制作AWTK应用程序的UI界面的实用工具是什么?

lhl545545 来源:ZLG致远电子 作者:ZLG致远电子 2020-06-10 15:48 次阅读

今天,我们迎来了Designer 0.1.5的发布。在这个版本中,我们完善了许多细节,并增加了部分新功能,如:支持多主题编辑、编译源代码、模拟运行以及虚拟占位控件等。

AWTK Designer是专门用来制作AWTK应用程序的UI界面的实用工具,只要通过拖曳和点击就可以完成复杂的界面设计,而且可以随时预览效果图。通过AWTK Designer即可完成UI界面元素的布局、设置控件属性、给控件添加动画效果和设置样式等。

得益于AWTK强大的功能和跨平台特性,AWTK Designer本身也是基于AWTK构建的。

今天,我们迎来了AWTK Designer 0.1.5的发布。在这个版本中,我们完善了许多细节,并增加了部分新功能,如:支持多主题编辑、编译源代码、模拟运行以及虚拟占位控件等。

支持多主题编辑

在Designer的左下角处的“项目设置” -》 “主题”选项卡,可添加多套主题。同一项目中支持多套主题编辑,切换主题可编辑相应的资源文件。这里的主题既可以是适配不同LCD屏幕大小的主题,也可以是相同LCD屏幕下(使用不同的样式、图片等资源)的不同主题,可以完成类似切换皮肤的效果。

皮肤一与皮肤二

支持编译源代码和模拟运行

设计好UI界面 -》 打包(资源)-》 编译(源代码)-》 模拟运行,编译和模拟运行通过简单的点击鼠标就可以完成,再也不用在终端输入编译和运行命令,让整个开发流程变得更加便捷。

编译与模拟运行效果图

注:编译源代码和模拟运行,仅支持Windows平台。

虚拟占位控件

虚拟占位控件,可作为Designer自带的控件之外的任意控件,可满足用户添加自定义控件的需求。下图是:Chart.v2-Demo添加自定义控件“柱状图”,模拟运行后的效果图。

占位控件与模拟运行效果图

控件间相同属性可同时修改

可同时修改多个控件(可以是不同类型的控件)的相同属性,一起修改属性变得轻而易举。

一起修改按钮和文本控件背景色

检索翻译文本

点击 “检索翻译文本”按钮,可检索UI界面XML文件中的待翻译文本,快速完成多国语言互译。

实现中英文互译

颜色设置支持抓色

颜色设置支持抓色功能,可方便捕捉需要的颜色。

抓色设置Button控件背景色

支持输出位图字体

打包时,支持输出位图字体,可满足RAM极小的嵌入式平台。

输出位图字体

示例支持使用Designer打开与编辑

awtk-examples.v2下的示例运行效果截图

获取Designer下载地址

可通过AWTK官网或AWTK云平台下载Designer,链接地址如下:

AWTK官网:

https://www.zlg.cn/index/pub/awtk.html

AWTK云平台:

https://awtk.zlg.cn

更多信息,请参阅Designer安装目录下的文档:

DocsCHANGELOG.md

AWTK动态

欢迎感兴趣的工程师评估和尝试AWTK,应用相关疑惑,可以添加小Z微信(zlgmcu-888)进入AWTK群聊,ZLG研发技术团队亲自为您解答。

更多精彩内容敬请关注“ZLG致远电子”微信公众号,我们会持续发布AWTK最新动态。
责任编辑:pj

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

    关注

    0

    文章

    648

    浏览量

    32765
  • 云平台
    +关注

    关注

    1

    文章

    1262

    浏览量

    38819
收藏 人收藏

    评论

    相关推荐

    AWTK最新动态】AWTK 1.8版本发布

    是什么AWTK全称ToolkitAnyWhere,是ZLG开发的开源GUI引擎,旨在为嵌入式系统、WEB、各种小程序、手机和PC打造的通用GUI引擎,为用户提供一
    的头像 发表于 08-30 12:48 354次阅读
    【<b class='flag-5'>AWTK</b>最新动态】<b class='flag-5'>AWTK</b> 1.8版本发布

    AN84868使用CX3配置FPGA,在UVC应用程序中,UART无法再发送调试信息是为什么?

    AN84868使用CX3配置FPGA。 为了能够使用 FPGA 配置实用工具,FPGA 配置应用固件的描述符与 AN84868 相同。 FPGA 配置完成后,固件切换到 CX3 UVC 应用程序
    发表于 05-28 07:26

    【插针机HMI开发】用AWTK开发人机界面

    插针机中有两个重要的部件HMI和PLC,HMI提供用户操作和界面显示,而PLC则控制电机的运动逻辑。致远电子的ZTP800和AWTK-HMI解决方案可以快速开发插针机或其他设备的HMI界面。视频演示
    的头像 发表于 04-19 08:23 504次阅读
    【插针机HMI开发】用<b class='flag-5'>AWTK</b>开发人机<b class='flag-5'>界面</b>

    AWTK 开源串口屏开发(14) - 界面重用

    AWTK串口屏支持同一个界面绑定不同的数据,本文以家居控制为例,介绍一下界面重用的方法。在家居控制应用中,我们演示了空调和咖啡机界面。现在我们来想一想,如果有多个空调怎么办呢?当然最直
    的头像 发表于 03-23 08:23 316次阅读
    <b class='flag-5'>AWTK</b> 开源串口屏开发(14) - <b class='flag-5'>界面</b>重用

    【从0开始创建AWTK应用程序】编译应用到RTOS平台

    AWTK是基于C语言开发的跨平台GUI框架。本系列文章介绍如何从0开始创建AWTK应用程序,包括搭建开发调试环境、使用AWTK创建Hello工程并在模拟器上运行、将
    的头像 发表于 03-21 08:23 542次阅读
    【从0开始创建<b class='flag-5'>AWTK</b><b class='flag-5'>应用程序</b>】编译应用到RTOS平台

    AWTK开源智能串口屏方案】设计UI界面并上传到串口屏

    本篇文章将介绍如何使用AWStudio设计串口屏端的UI界面和添加绑定规则,以及怎么将资源文件上传到串口屏端。引言:AWTK-HMI是基于AWTK
    的头像 发表于 02-22 08:24 619次阅读
    【<b class='flag-5'>AWTK</b>开源智能串口屏方案】设计<b class='flag-5'>UI</b><b class='flag-5'>界面</b>并上传到串口屏

    AWTK开源智能串口屏方案】MCU SDK使用与编译运行

    代码智能串口屏方案,本系列文章介绍如何从零开发HMI程序,包括搭建开发环境、创建HMI运行时工程、修改应用界面以及开发MCU程序。MCU端简介相对于HMI端(串口
    的头像 发表于 02-19 12:11 1090次阅读
    【<b class='flag-5'>AWTK</b>开源智能串口屏方案】MCU SDK使用与编译运行

    AWTK开源智能串口屏方案】HMI端程序移植编译及运行

    -HMI是基于AWTKAWTK-MVVM开发的低代码智能串口屏方案,本系列文章介绍如何从零开发HMI程序,包括搭建开发环境、创建HMI运行时工程、修改应用界面以及开发MCU
    的头像 发表于 01-18 08:24 821次阅读
    【<b class='flag-5'>AWTK</b>开源智能串口屏方案】HMI端<b class='flag-5'>程序</b>移植编译及运行

    配网故障定位:关键步骤与实用工具

    在现代电力系统中,配网故障定位是一个至关重要的环节。这不仅涉及到电力系统的稳定运行,也关系到电网安全和用户供电的可靠性。本文将深入探讨配网故障定位的主要步骤和实用工具,帮助大家更好地理解这个复杂而
    的头像 发表于 01-03 09:38 461次阅读

    ​【AWTK开源智能串口屏方案】方案介绍和工作原理

    串口屏方案,本系列文章介绍如何从零开发HMI程序,包括搭建开发环境、创建HMI运行时工程、修改应用界面以及开发MCU程序AWTK开源智能串口屏方案简介
    的头像 发表于 12-21 08:24 915次阅读
    ​【<b class='flag-5'>AWTK</b>开源智能串口屏方案】方案介绍和工作原理

    【从0开始创建AWTK应用程序】编译应用到嵌入式Linux平台运行

    AWTK是基于C语言开发的跨平台GUI框架。本系列文章介绍如何从0开始创建AWTK应用程序,包括搭建开发调试环境、使用AWTK创建Hello工程并在模拟器上运行、将
    的头像 发表于 12-07 12:08 634次阅读
    【从0开始创建<b class='flag-5'>AWTK</b><b class='flag-5'>应用程序</b>】编译应用到嵌入式Linux平台运行

    AWTK 开源智能串口屏方案

    AWTK开源智能串口屏方案发布,旨在解决传统串口屏诸多痛点,为用户提供更开放、更易用、更强大的开源串口屏方案。基于AWTKAWTK-MVVM实现的串口屏方案。界面修改数据,自动通知M
    的头像 发表于 12-02 08:24 863次阅读
    <b class='flag-5'>AWTK</b> 开源智能串口屏方案

    【从0开始创建AWTK应用程序】创建应用程序并在模拟器运行

    AWTK是基于C语言开发的跨平台GUI框架。本系列文章介绍如何从0开始创建AWTK应用程序,包括搭建开发调试环境、使用AWTK创建Hello工程并在模拟器上运行、将
    的头像 发表于 12-01 08:24 452次阅读
    【从0开始创建<b class='flag-5'>AWTK</b><b class='flag-5'>应用程序</b>】创建<b class='flag-5'>应用程序</b>并在模拟器运行

    引线拉力测试仪:精准测量和保障安全的实用工具

    引线拉力测试仪:精准测量和保障安全的实用工具
    的头像 发表于 11-14 09:14 444次阅读
    引线拉力测试仪:精准测量和保障安全的<b class='flag-5'>实用工具</b>

    【从0开始创建AWTK应用程序】开发及调试环境搭建

    AWTK是基于C语言开发的跨平台GUI框架。本系列文章介绍如何从0开始创建AWTK应用程序,包括搭建开发调试环境、使用AWTK创建Hello工程并在模拟器上运行、将
    的头像 发表于 11-11 10:00 611次阅读
    【从0开始创建<b class='flag-5'>AWTK</b><b class='flag-5'>应用程序</b>】开发及调试环境搭建