文章目录
- [Release of anyui-v0.40.0](#Release of anyui-v0.40.0)
-
- Preface
- [I. What is anyui?](#I. What is anyui?)
- [II. New Features and Fixes in v0.40.0](#II. New Features and Fixes in v0.40.0)
-
- [Key Improvements](#Key Improvements)
-
- Animation
- [Flex layout](#Flex layout)
- [Event handling](#Event handling)
- [Flags and states](#Flags and states)
- SDK
- [Widget improvements](#Widget improvements)
- [Global components](#Global components)
- [Code generation improvements](#Code generation improvements)
- [Fixes and improvements](#Fixes and improvements)
- Conclusion
Release of anyui-v0.40.0
Preface
With the advent of the Internet of Things, the "screen reading" era predicted by Kevin Kelly has also arrived. In addition to devices similar to personal computers such as mobile phones and tablets, more and more embedded devices will be equipped with touch - screen displays. Building an excellent user interface (UI) application on embedded devices with limited resources is no easy task, and the entire traditional process is really time - consuming and labor - intensive.
LVGL is a mature, popular, and well - designed open - source UI library suitable for embedded devices with limited resources. More and more people are using it. However, manually creating an LVGL application from scratch still requires a lot of work. Therefore, some design tools for LVGL have emerged. Users can design their UI by dragging and dropping components, and then generate compilable and runnable C - language code with one click. In addition, users can launch a simulator to preview how it will look on the device. This indeed improves efficiency and saves a lot of time and effort.
Here, I would like to introduce a UI design artifact based on LVGL - anyui. It is free, cross - platform, requires no registration, and even supports a web version. It's worth a try.
I. What is anyui?
anyui is a desktop - based UI design tool for embedded devices. Currently, it supports LVGL, which is a lightweight and popular UI framework for devices with limited resources. You just need to drag and drop components onto the canvas (screen), change their properties and styles, and anyui can generate compilable and runnable source code (C code) for you with one click. You can also run a simulator to preview how it will look on the device. In this way, you can skip the cumbersome steps in the traditional method, such as writing a large amount of C - language code, building the project, flashing it into the device, and finally verifying whether everything runs normally. Just focus on your design, and leave the rest to anyui. At the same time, anyui provides a similar user experience to Sketch (a very popular design tool). All the efforts of anyui are aimed at improving your work efficiency.
Currently, anyui supports Windows and Mac systems, and there is also a web - based trial platform. You can try it online without downloading any packages. Moreover, it is free and does not require any registration. Just download and install it, and you can start using it.
Features supported by anyui:
- Windows, Mac, and web versions
- Language switching (Chinese and English)
- Rich builtin components
- Template components
- Higher order components (self - managed state)
- Multi-state buttons
- Label sliders
- Numerical sliders
- Checkboxes / Radio boxes
- Status bars
- Navigation bars
- Popup drawers
- Global status bar
- Undo / Redo (history of operations)
- Quick copy
- Auto alignment
- Canvas zoom
- Component locking / hiding
- Portrait / Landscape mode
- New version check
- User custom layout
- Component style brush
- Drag & select components
- Lottie animation
- Multi-images animation
- Window management
- Custom screen resolution
- Circular display
- Screen swipe gesture
- Full/Incremental/Mini build modes
- gif animated image
- Global search
And more...
II. New Features and Fixes in v0.40.0
You can download this version here.
Key Improvements
Animation
- Support widget animation and animation management.
- Support screen switch animation and animation management.
Flex layout
- Support flex layout for Container.
- Support for different coordinate and size units (pixel/percentage) for components.
- Support "auto" size for Container, Label and Checkbox.
Event handling
- Support all events for widgets for customization.
- Support for multiple events with same trigger and target.
Flags and states
- Support initial flags/states for widgets.
- Support dynamic flags/states for widgets.
SDK
- Support APIs for animation.
- Enhance code portability to device.
Widget improvements
- Support more properties to customize widgets.
- Support default values for widget styles.
Global components
- Add global components edit view.
Code generation improvements
- More structured code generation.
Fixes and improvements
- Fix reported issues on anyui issues
- Other fixes and improvements
Conclusion
anyui is evolving rapidly, and more and more features will be added. This chapter introduced the new features introduced in the newly released v0.40.0 version.