GUIGuider是一款基于轻量级多功能图形库LVGL(Light and Versatile Graphics Library)构建的嵌入式图形用户界面设计工具,它提供了一个集成开发环境(IDE),旨在帮助开发者通过拖放小部件设计嵌入式图形应用程序的用户界面,并支持编辑过程。该软件特别适用于拥有NXP微控制器(MCU)和多核处理器(MPU)设备以及C语言基础知识的嵌入式GUI应用程序开发人员。 GUIGuider支持多种操作系统的集成,如Yocto Linux、QNX,以及与多种开发环境和调试工具无缝集成,例如VSCode、MCUX、IAR、Keil、FreeMASTER等。开发者可以在Windows、Linux和macOS(支持X86和ARM架构)等多种主机操作系统上使用GUIGuider。 GUI Guider的主要特点包括支持拖放的所见即所得(WYSIWYG)HMI设计器、具有多种语言和主题的IDE UI、对两个版本开源LVGL图形库的支持、常用的快捷键和快捷按钮、拥有超过40种可自定义属性的小部件、资源管理功能(包括图像、字体、视频和Lottie),以及FreeMASTER调试功能。此外,它还包括GUI自动缩放功能、自动生成C和Micro-Python源文件、自定义代码接口、代码查看器和编辑器、实时日志查看器、模拟器和NXP设备上的自动构建与部署功能、PXP和VGLite加速的启用与禁用选项、项目升级与向后兼容性、多目标操作系统支持(包括FreeRTOS、Zephyr、RT-Thread、Linux和QNX),以及内置的HMI参考设计和小部件演示。 在支持的小部件方面,GUIGuider提供了包括按钮(按钮、图像按钮、按钮矩阵、开关、栏、滑块)、图像(图像、动画图像、3D图像)、形式(标签、形状等)在内的多种小部件类型。 GUIGuider用户指南涵盖了入门、IDE功能、小部件详细信息、演示、开发、教程和杂项等多个部分,以便用户能根据自身需求快速掌握并使用该工具。用户可以通过教程视频、GUIGuider Academy等资源来深入理解GUI Guider的功能和使用方法。 本文档适用于2025年1月22日发布的GUIGuider v1.9.0版本,并且所有信息都受法律免责声明的约束。恩智浦半导体公司保留所有权利。 对于希望了解如何下载此手册的用户,文档中并未直接提供下载链接,但标题中提到了“免费下载”,说明用户可以通过某种方式获取到手册的完整内容。若用户对软件有任何疑问或需要支持,建议访问官方论坛进行沟通。用户的反馈对软件持续改进至关重要。
2025-08-14 20:10:47 13.91MB
1
### Extjs4.0中文学习手册与入门详解 #### 一、Extjs4.0简介与获取 **Extjs4.0**是一款基于JavaScript的开源前端框架,它提供了丰富的用户界面组件和强大的数据处理功能,使得开发者能够快速构建高性能、交互性强的Web应用。对于初学者来说,熟悉Extjs4.0的基础知识是非常重要的。 - **获取Extjs4.0**: - 官方网站:可以从[http://extjs.org.cn/](http://extjs.org.cn/)获得需要的Extjs发布包及更多支持。 - 下载最新版本的Extjs4.0压缩包,并解压。 - **搭建学习环境**: - 假设您的开发环境中已安装MyEclipse和Tomcat。 - 在MyEclipse中新建一个Web项目,例如命名为`Extjs4`。 - 将Extjs4.0.7压缩包解压后的所有文件复制到项目根目录下的`WebContent`文件夹中。 - `Examples`目录包含了Ext官方提供的示例程序,其中可能包含PHP代码,如果遇到错误信息可暂时忽略。 - 部署并启动Tomcat服务器。 - 测试环境是否可用:打开浏览器访问`http://localhost:8080/Ext4/index.html`。 - 查看API文档:`http://localhost:8080/Ext4/docs/index.html` - 查看示例页面:`http://localhost:8080/Ext4/examples/index.html` #### 二、编写第一个Extjs程序 - **创建Hello World示例**: - 在`WebContent`目录下新建`helloworld.js`文件,并输入以下内容: ```javascript Ext.onReady(function(){ Ext.create('Ext.panel.Panel', { title: 'Hello Ext', width: 350, bodyPadding: 5, items: [{ xtype: 'label', text: 'Hello! Welcome to ExtJS.' }] }).render(document.body); }); ``` - 创建`helloworld.html`文件,并输入以下内容: ```html Hello ExtJS ``` - 浏览器访问`http://localhost:8080/Ext4/helloworld.html`,如果一切正常,您将看到一个带有标题“Hello Ext”的面板,内容为“Hello! Welcome to ExtJS.”。 - **理解Ext.onReady和Ext.application**: - `Ext.onReady`:该方法在当前DOM加载完成后自动调用,确保页面内的所有元素都能被脚本引用。示例代码: ```javascript Ext.onReady(function(){ alert('Hello World!'); }); ``` - `Ext.application`:用于定义一个Ext应用的基类,通常用于构建完整的Ext应用。 #### 三、DOM操作与事件响应 - **获取DOM元素**: - 使用`Ext.get`方法根据ID获取页面上的元素: ```javascript var myDiv = Ext.get('myDiv'); ``` - `Ext.get`返回的是一个`Element`对象,可以直接操作底层DOM节点。 - **选择器**: - 使用`Ext.select`方法获取具有特定CSS选择器的所有元素: ```javascript var paragraphs = Ext.select('p'); ``` - `Ext.select`返回的是`Ext.CompositeElement`对象,可通过其中的`each()`方法遍历所选元素。 - **事件处理**: - 给按钮添加单击事件响应: ```javascript var button = Ext.get('myButton'); button.on('click', function(){ alert('Button clicked!'); }); ``` #### 四、Extjs4布局详解 - **Fit布局**: - Fit布局中,子元素会自动填充整个父容器空间。 - 如果在Fit布局中放置了多个组件,仅显示第一个子元素。 - 示例代码: ```javascript Ext.create('Ext.window.Window', { title: 'Fit Layout Example', layout: 'fit', width: 400, height: 300, items: [ {xtype: 'grid', store: myStore} ] }).show(); ``` - **Border布局**: - Border布局允许在一个容器内将子组件分成五个区域:北(North)、南(South)、东(East)、西(West)和中心(Center)。 - 每个区域可以包含一个或多个子组件,子组件可以根据布局规则调整其大小和位置。 - 示例代码: ```javascript Ext.create('Ext.panel.Panel', { title: 'Border Layout Example', layout: 'border', width: 600, height: 400, items: [ {xtype: 'grid', region: 'center', store: myStore}, {xtype: 'panel', region: 'west', width: 200, collapsible: true, title: 'Navigation'}, {xtype: 'toolbar', region: 'north', title: 'Toolbar'} ] }).show(); ``` 通过以上步骤,您已经完成了Extjs4.0的初步学习,并能够掌握如何搭建开发环境、编写基础示例程序、操作DOM元素、处理事件以及理解不同类型的布局。希望这些基础知识能帮助您更好地探索和学习Extjs4.0。
2024-11-07 08:49:37 2.16MB Extjs4.0中 文学习手册 入门详解
1
LaTex是强大的论文排版软件,在建模或者论文写作中用上将会加分不少,能自动改正word不能发现的错误。 LaTax学习资源(包含LaTex的安装和使用,以及详细的中文学习手册,140分钟或者30分钟教学,适用于不同水平人员去学习) 具体为: 140分钟学会LaTex LaTeX新人教程,30分钟从完全陌生到基本入门 Latex中文使用手册 中文LATEX_安装与使用(优秀教程)
2022-12-05 11:04:52 7.79MB LaTex 论文排版 建模
1
hksi paper 1 v3.3 简体中文学习手册
2022-10-26 14:03:47 6.85MB hksi
1
4.1 基本操作 “联网配置”用来配置其他要与本联网网关进行联网的外域系统的信息。 对于 IVMS-8200 平台 2.3 以下版本(V1.2.5, V2.0, V2.0.1,V2.0.2,V2.0.3),则不能在联网网 关中进行联网配置,联网配置需要在 IVMS-8200 系统配置客户端中进行上、下级信息添加 (系统参数->级联配置)。 其他平台需要在此界面进行配置,平台里面不需要配置。 对于外域系统,可分为上级域、下级域两种情况来进行配置。这里以下级域配置进行说 明。下级域配置界面如 17 所示。点击左侧边栏“联网配置”—“下级域”进入。 图 17 联网配置 (1)点击“添加”按钮,进入下级域添加界面,如图 18 所示。依次输入下级域(下级 信令网关)名称、(下级信令网关)编号(即域标识)、ip 地址、端口、级联协议、鉴权信息 等,最后,点击“保存”按钮,完成下级域的添加。流传输方式的下拉框可以选择 udp 或者 tcp 来指定上下级之间的流传输方式。用户可以根据自身需要来配置是否启用流转发这个选 项来选择性转发下级的视频流,若选择是则转发下级的视频流,若选择否则不转发下级视频 流。级联协议下拉框可以选择 GB28181、DB33 和私有协议进行级联。如果是其他厂家,请 选择其他厂家类型,不要选择本家平台。TCP 扩展端口用于 tcp 方式下推送卡口目录,针对 2.3.6 之后版本有效,2.3.6 端口为 7100,2.3.7 以后为 7099。共享方式默认为手动选择共享 平台,当选择自动全部共享平台时,下级推送上来的资源将默认共享到本级平台。
2022-08-08 15:55:46 2.33MB IVMS-8 海康威视 视频综合平台
1
Intel80386中文学习手册,非常完整,想学习该CPU可以下了看看,如果你想分析linux内核源码,也要下了学习下,我也是在CSDN下载了,可积分太贵了,我就再分享一下,略微收取一点分数,如没有分数请加我Q,我传给您
2022-07-01 17:11:34 2.59MB cpu手册
1
ABAP 中文学习手册
2022-06-12 09:05:46 6.79MB SAPABAP ABAP
1
gtkmm中文学习手册.chm 详细的讲述了如何在window下配置gtkmm,以及如何使用
2022-05-22 23:31:46 236KB gtkmm 中文
1
适合madagascar初学者,地球物理学研究生博士阅读下载
2022-05-20 22:03:42 32.88MB 学习 madagascar
scikit-learn-user-guide-chinese-version.pdf。 sklearn 学习手册,中文版,有算法的调用等,从网络找到的。
2022-01-04 11:16:47 1.13MB sklearn
1