Action Bar¶

Action Bar is the top toolbar in Lucy Studio. It gives you quick access to core project actions.

It is organized into three groups: Project Info, Change Mode, and Deploy Uploader.

Project Info¶

In Project Info, you can open the main menu and review current project details.

1. Lucy Studio Symbol

   • Click to open the main menu.

   • Open official channels from the menu.

     Menu Item	Description
     Lucy Studio official homepage	Open the official Lucy Studio site
     Lucy team cloud	Open Lucy Team Cloud
     Lucy Studio Facebook	Open the Lucy Studio Facebook page
     Lucy Studio YouTube channel	Open the Lucy Studio YouTube channel

2. Project Information

   • Shows the current project name and active page.
   • Click the page name to open the tab list and switch quickly.

3. Open Project Information Window

   • Opens a detailed project information dialog.

Change Mode¶

In Change Mode, switch between Edit mode and Animation mode.

1. Edit mode

   • Default mode for building UI, editing properties, and defining logic.
   • In this mode, Panel includes:
     • Properties
     • Styles
     • Datasources
     • Variables

2. Animation mode

   • Mode for configuring and previewing page and widget interactions.
   • In this mode, Plate and Panel include:
     • Actions
     • State transitions
     • Detector transitions

Deploy Uploader¶

Deploy Uploader provides tools for testing, collaboration, and deployment.

1. Server Setting

   • Configure the active server environment or backend target.

2. Source Control

   • Manage project source files and versions.

3. Issue Report

   • Review warnings and errors found during development.

   Type	Warning	Error
   Meaning	Potential issue or inefficiency	Actual failure or blocked execution
   Severity	Low to medium	High (must fix)
   Runtime impact	App can still run	App can stop or fail
   Typical cause	Non-recommended property or inefficient logic	Missing required component or invalid data access

4. Preview

   • Launch the preview application for the current screen.
   • Preview runs in a separate window and can be configured.

5. Device Sync

   • Connect desktop or mobile devices and run the project on them.
   • How to connect
     • Auto-detect a device running the preview app.
     • Or scan the QR code generated by Lucy Studio.
   • Manage connected devices
     • Send all resources or selected screens.
     • Monitor and manage connection status.

6. Notification

   • Open the project notice list.
   • Click each notice to view details.

7. Profile

   • Open the profile dialog configured in Lucy Team Cloud.
   • Includes Logout and Account settings.