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
1
Scala_中文学习资料_含Scala_2.7.6_API.rar。Scala_中文学习资料_含Scala_2.7.6_API.rar。
2024-02-28 21:42:22
5.1MB
1
LaTex是强大的论文排版软件，在建模或者论文写作中用上将会加分不少，能自动改正word不能发现的错误。
LaTax学习资源（包含LaTex的安装和使用，以及详细的中文学习手册，140分钟或者30分钟教学，适用于不同水平人员去学习）
具体为：
140分钟学会LaTex
LaTeX新人教程，30分钟从完全陌生到基本入门
Latex中文使用手册
中文LATEX_安装与使用(优秀教程)
2022-12-05 11:04:52
7.79MB
1
HTML5 介绍
教程前言
HTML 5 简介
HTML 5 视频
HTML 5 音频
HTML 5 Canvas
HTML 5 Web 存储
HTML 5 Input 类型
HTML 5 表单元素
HTML 5 表单属性
HTML 5 参考手册
HTML 5 标准属性
HTML 5 事件属性
HTML 5 标签
2022-09-27 00:46:52
30.19MB
1