Release Notes¶

This document records all version updates for BEKEN LVGL UI Designer.

Version History¶

1.0.0¶

Initial release of the tool, dedicated to providing a free and easy-to-use platform for embedded LVGL design and development

1.0.1¶

Features¶

Added Flags settings in component properties panel
Added State setting in component properties panel
Add the ability to move selected components using directional shortcut keys (↑, ↓, ←, →)
Arc component now supports setting Arc class style properties
Added more STATE for component Style

Optimizations¶

TabView header height now supports minimum value of 0
Added alignment guides when dragging child components in containers
Optimized copy-paste logic for child components within containers
Canvas automatically scales to fit interface size when entering workspace
Changed project deletion to manual user action to prevent accidental deletion
Added resource name restrictions and error prompts when selecting resources
Display default "Not Found" image when image file is not found

Bug Fixes¶

Fixed issue where code was not cleared on second generation
Fixed issue where rendering interface would freeze after closing preview
Fixed issue where example icons were not displayed when creating projects
Fixed issue where code generation only supported one page
Fixed issue where child components nested more than 2 levels deep in container components were not displayed in component tree (now supports up to 4 levels of nesting)
Fixed compilation error when multiple pages use the same component
Fixed compilation error when deleting a page after designing and compiling two pages

1.1.0¶

Features¶

Support adding events to controls: page navigation, property modification, style modification, function calls
Support Flex layout for components

Optimizations¶

Keyboard component now supports setting target textarea
Swapped hide and lock operation positions in component tree to improve user experience
Optimized generated C code formatting

Bug Fixes¶

Fixed issue where hidden components could still be dragged
Fixed issue where setting Rotation property on Arc component caused the selection box to rotate as well
Fixed compilation error when imgbutton text is empty
Fixed issue where State settings did not take effect in preview

Upgrade Notes¶

Projects generated by older versions of the tool should be re-imported to fully support new components and features
If compilation errors occur, delete the lv_port_pc_simulate folder in the project and recompile (generated C code is incompatible with older tool versions)

1.1.1¶

Features¶

Home page cloud resources now support opening BEKEN cloud resource site, allowing users to download example projects and import them
digital_clock add time auto change feature

Optimizations¶

Optimized workspace performance when working with multiple pages
Optimized some UI elements in component tree and canvas

Bug Fixes¶

Fixed issue where custom components did not remove event bindings
Fixed issue where custom components could not be dragged into container components in some cases
Fixed generate font c file issue (add --no-compress params)

1.1.2¶

Features¶

Added support for multiple event types including Gesture, Key, and more
Added theme functionality in color library

Optimizations¶

Optimized page list and component tree UI for easier page switching
Added alignment guide threshold settings to improve component alignment experience

Bug Fixes¶

Fixed issue where project files could be corrupted and unable to open projects in some cases
Fixed issue where components could not be added to canvas in some cases

1.1.3¶

Features¶

Added border radius clipping field in container component styles, content beyond boundaries will be clipped when enabled
Added ScrollBar Part in container component styles, allowing scrollbar style configuration
Added drag-to-sort functionality in page list
Added page copy, move to top, and move to bottom functions
Added startup page setting, preview will display the startup page first
Added screen border radius setting in canvas toolbar, allowing adjustment of project canvas border radius shape

Optimizations¶

Support importing the same project from different directories, will be displayed as multiple projects
Added restrictions for directory selection during project creation and import: only pure ASCII characters allowed, and spaces are not allowed
When parent container has Flex layout enabled, child components cannot be dragged or have X, Y properties modified
When container components are locked or hidden, child components cannot be dragged into them
Increased maximum nesting level of container components in canvas to 5 layers
Optimized home page project card display, content wraps when window is resized
Optimized page navigation event connection UI
Added restrictions for page and component names: numbers, letters, underscores, and cannot start with a numbers
Generate code named with component names to enhance code readability

Bug Fixes¶

Fixed issue where events were not deleted after target page in page navigation events was deleted
Fixed issue where custom components could not be copied
Fixed issue where clicking workspace from top tab bar would cause errors
Fixed issue where color input could not be entered continuously, and continuous deletion would cause exceptions
Removed "Current Component" option from target component options in property and style modification events
Fixed the issue where symbol icons were not displayed in C simulation
Fixed the issue where some text was not displayed in C simulation
Fixed the issue where text was escaped in certain scenarios

1.1.4¶

Features¶

Added code editor for viewing code and modifying custom_func
Refined "Preview" functionality, split into C language (Full Clean, Generate Code, Compile, Run) and Micropython (Generate Code, Run)
Simulation logs are displayed in the terminal for easier debugging, users can print logs using printf in custom code (Note: For projects generated by older versions, please delete the lv_port_pc_simulate directory in the project folder, then regenerate code for this to take effect)
Support adding components to canvas by clicking components in the component panel
Component panel and page panel support drag-to-adjust width

Optimizations¶

Standardized and optimized log information during simulation process
Extended component name length to 200 characters
Optimized response speed when opening projects and selecting components

Bug Fixes¶

Fixed issue where "Generate Code" would overwrite user-written code (after modification, "Full Clean" will delete it, but "Generate Code" will not)
Fixed issue where replacing an image resource with the same name would still display the old image content

1.1.5¶

Features¶

Added feature: custom code in Page properties
Added feature: custom code in event action types

Optimizations¶

Code generation: added void parameter in beken_ui_init function in beken_ui.h
Code generation: added custom folder (regenerating code will not overwrite this directory); users can freely add files to this directory; custom_func.h and custom_func.c have been moved to this directory
Code generation: added beken_generated.cmake file for forward compatibility when directory structure changes in future
Slider component style Indicator part now includes border style group, supports setting border radius
Optimized component dragging and selection logic when multiple components overlap
Simulation: hide mouse icon in C language simulation interface

Bug Fixes¶

Fixed issue where roller component's Infinite mode did not work in C simulation
Fixed C compilation failure when selecting multiple border options
Fixed UI layout issues in save style and apply style dialogs
Fixed misalignment of indicator lines on ruler when child components are selected in containers

Upgrade Notes¶

If compilation errors occur, delete the lv_port_pc_simulate folder in the project and regenerate code to compile (custom directory changes cause compilation failures in older version simulators)

1.1.6¶

Features¶

Project now supports multi-language functionality (can be enabled in project settings; manage languages, translations, and international font schemes in the resource manager)
Added "Move Up" and "Move Down" options to the component right-click menu
Label, Button, and SpanGroup text fields now support [Static Text] setting
Added [Spacing] style group in styles, allowing setting of text character spacing

Optimizations¶

Maximum project resolution increased to 2560 * 2560
Optimized layout of some fields in Scale component styles
Optimized code generation speed
Added a button to open the project path

Bug Fixes¶

Fixed issue where selected color values in styles did not match rendered colors in interface at certain resolutions
Fixed issue where pressing Enter in input fields in custom component dialog would cause page refresh errors
Fixed some non-internationalized text
Updated documentation screenshots

1.1.7¶

Features¶

Added new version notification dialog

Bug Fixes¶

Fixed issue where simulator interface would exceed screen boundaries when simulating large resolution projects
Fixed issue where text would display as garbled characters when selecting custom fonts
Fixed issue where List component Symbol setting was not working

1.1.8¶

Features¶

Font resources now support "Custom Characters" feature, allowing custom character content included in custom code (Access: Resource Manager => Font Resources => Custom Characters)
Support for multi-select control operations, hold Ctrl key to select multiple controls simultaneously for dragging
Component right-click menu now includes alignment function, supporting quick alignment after multi-selecting controls

Bug Fixes¶

Fixed issue where component tree list could sometimes display as empty
Fixed issue where custom component dialog triggered by component operations in component tree would display at incorrect position
Fixed issue where one-click cleanup of unused resources would also clear font files