介绍 | anyui

组件

组件是使用anyui开发的应用程序的基本构建块。

要有效利用anyui的功能，理解以下组件概念对于UI设计和实现至关重要。

基础组件是LVGL直接提供的原生UI元素。由于anyui是生成LVGL代码的图形设计工具，它继承了包括属性、样式和事件在内的核心LVGL概念。

请参考LVGL文档获取有关原生组件的综合信息。

高阶组件(HoCs)是anyui扩展的复合组件。基于基础组件构建，HoCs封装了预定义的行为和样式模式。这些组件提供了增强的灵活性，并在实现复杂用户界面时显著减少开发时间。

请参见高阶组件获取实现细节和使用指南。

模板组件是用户定义的自定义组件。用户可以将现有组件修改后的属性和样式保存为可重用的模板，从而在整个项目的不同部分启用一致的UI元素。

请参考模板组件获取详细的使用说明。

全局组件提供项目范围的组件共享功能。对全局组件属性或样式的修改会自动传播到整个项目中该组件的所有实例。

一个常见的用例是在多个应用程序视图中实现一致的状态栏。

属性定义组件的初始状态，是配置组件外观的关键。属性分为通用属性和特定组件属性。例如，width、height、x、y是所有组件共有的通用属性，而arc_width是Arc组件特有的属性。

样式定义组件的视觉外观，用于定制组件属性，如背景、边框、内边距等。

不同状态的组件可以有不同的样式。例如，按钮可以在正常、按下和禁用状态下有不同的样式。未设置特定状态的样式将自动继承前一个状态的样式。

动作代表由用户交互触发的LVGL事件，也称为用户事件。示例包括按钮按下、滑块调整和触摸手势。

动作可以配置为动态修改组件属性，也可以用于切换到另一个屏幕、触发动画等。

你可以配置任何动作，只要LVGL支持。你可以为相同的触发条件和目标组件配置多个动作，以实现顺序执行。例如，当用户点击按钮时，你可以先移除按钮的hidden标志，然后播放一个动画来显示它。这使得事件配置非常灵活，允许你创建复杂的用户交互。

命令是从上层(应用程序/UI)传输到下层(SDK/硬件)的消息。典型的命令示例包括蓝牙连接请求、WiFi配置和时间同步操作。

anyui扩展了命令用于上层和下层之间的通信。

请参考命令获取综合命令文档。

事件是源自下层(SDK/硬件)指向到上层(应用程序/UI)的异步通知，也称为系统事件。常见的事件类型包括电池电量变化、传感器数据更新和网络状态通知。

anyui扩展了事件用于上层和下层之间的通信。

请参考事件获取综合事件文档。