快速开始

欢迎使用 Guition 平台！本指南将带领您快速了解 Guition 平台的基本功能和操作步骤，帮助您更高效地完成串口屏开发。

网站地址变更通知

为了提供更加稳定和高效的服务，Guition 平台即将进行网站地址更新。请注意，从近日起，您将能够通过以下新的网址访问平台：

请您在访问时及时更新网址，以避免访问到旧版站点。 我们将确保新地址的功能与体验保持一致，并提供更高效的服务。

1. Guition 平台简介

Guition 平台是一个专注于串口屏开发的在线工具，利用 Web 技术实现界面编辑、实时预览，并支持通过串口下载到设备的功能。平台基于开源图形库 LVGL（LittlevGL）构建，提供了丰富的控件库，包括按钮、文本框、滑块等，帮助用户快速构建用户界面。用户还可以根据需求灵活定制和调整界面，满足不同项目的需求。

2. 登录和注册

注册新用户： 如果您是新用户，请先注册一个 Guition 账户。访问 Guition 官方网站，点击页面右上角的“注册”按钮，按照提示填写相关信息，完成注册流程。
登录已有账户： 如果您已经有 Guition 账户，直接输入您的用户名和密码，点击登录即可访问您的控制面板。

3. 创建新项目

进入控制面板： 登录后，您将看到 Guition 控制面板，点击“创建新项目”按钮来开始一个新项目。
设置项目名称： 为您的项目命名，并选择要使用的串口屏型号。系统会根据您选择的设备类型，为您提供适配的界面配置选项。

4. UI 界面编辑

选择控件： 在项目编辑界面，您可以使用左侧工具栏的控件，按需拖拽到设计画布中，进行界面布局。常见的控件包括按钮、文本框、进度条、滑块、图像等。
自定义控件属性： 每个控件都可以设置属性，如大小、位置、字体、颜色等，您可以根据项目需求进行个性化调整。
界面调整： 您可以通过拖动控件来实时调整布局，也可以直接输入数值来精确定位控件的位置和尺寸。

5. 预览和调试

实时预览： 在编辑过程中，您可以随时点击右上角的“预览”按钮，查看您的界面在虚拟设备上的效果。预览模式会模拟真实设备的显示效果，帮助您调整界面的交互和显示效果。
调试： 如果在预览过程中发现问题，您可以调整控件设置，优化界面效果。使用调试功能可以帮助您发现潜在的界面渲染或交互问题。

6. 串口指令配置

配置串口指令： Guition 支持通过串口指令实现界面和设备的交互。您可以在项目设置中配置串口通信的协议和指令，确保设备能够接收和解析从平台发送的指令。
设置数据交互： 通过添加相应控件并设置串口指令，您可以实现界面的数据交互，如按钮点击、数据输入等操作与设备间的通讯。
串口协议参考： 参考平台提供的串口协议文档，确保您的指令格式符合设备要求，成功实现设备控制和数据传输。

7. 下载到设备

准备设备： 在进行下载前，请确保您的设备已通过串口与电脑连接。
下载界面： 当您完成界面设计并且确认无误后，点击“下载到设备”按钮，平台会将您的界面文件生成并通过串口指令传输到设备。
验证设备显示： 下载完成后，检查设备是否成功加载您的界面，并确认串口指令能够正确解析和执行。

8. 保存和分享

保存项目： 在开发过程中，您可以随时点击“保存”按钮保存项目进度。这样您可以随时继续编辑，避免丢失工作成果。
分享项目： 如果您希望分享您的项目或与其他用户共同协作，您可以通过平台提供的分享功能，将您的项目分享给其他 Guition 用户。
导出文件： 在将项目完成后，您还可以选择导出界面文件进行备份或者用于其他平台的使用（待实现）。

9. 深入学习

平台功能探索： Guition 平台不仅支持界面设计和串口指令，还提供了更多高级功能，如自定义控件、主题样式等。您可以在平台上探索更多功能，以满足项目的复杂需求。
查看文档和教程： 我们为用户提供了详细的帮助文档、视频教程和示例项目，帮助您深入了解如何使用平台。通过学习这些资源，您可以更高效地完成项目开发。

10. 客户支持和反馈

联系技术支持： 如果在使用过程中遇到任何问题或有技术上的疑问，您可以通过电子邮件或提交工单的方式联系我们的技术支持团队。
提交工单： 通过 Guition 平台的用户中心，您可以提交详细的工单，说明您的问题或需求。我们的技术团队会尽快给出解决方案，并与您保持沟通。
反馈意见： 如果您对平台有任何建议，或者遇到了使用上的不便，欢迎随时通过反馈通道向我们提供您的宝贵意见。问题反馈邮箱576215230@qq.com。