Action Bar

Action Bar is the toolbar area at the top of the screen, designed to give you quick access to the key functions you need for project work.

Action Bar is made up of Project Info, Change Mode, and Deploy Uploader.

---

Project Info

In the Project Info area, click the logo to open the menu window or check your project's information.

1. Lucy Studio Symbol

   • Click it to see the menu window.
   • Open Lucy Studio's official website from the menu window.

   Menu item	Description
   Lucy Studio official homepage	Opens the Lucy Studio official homepage
   Lucy team cloud	Opens Lucy Team Cloud
   Lucy Studio facebook	Opens the Lucy Studio Facebook page
   Lucy Studio youtube channel	Opens the Lucy Studio YouTube channel

2. Project Information

   • Shows your project name and the name of the active page.
   • Click the page name to reveal the list of open tabs, so you can switch between them quickly.

3. Open Project Information Window

   • View your project's information.

Change Mode

In the Change Mode area, switch your working mode between Design Mode and Animation Mode.

1. Design Mode
   • The default mode where core development work happens — placing widgets, editing properties, setting up logic, and more.
   • Panel in Design Mode is made up of:
     • Property
     • Style
     • State
     • Data Set
     • Variables
     • Provider Instance
     • i18n
     • Local History
2. Animation mode
   • The mode for setting up and checking interaction animations between pages and widgets in real time.
   • Plate and Panel in Animation mode are made up of:
     • Actions
     • State transitions
     • Detector transitions

Deploy Uploader

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

1. Server Setting

   • Configure the server environment or backend you're using.

2. Source Control

   • Manage your project's working source and versions.

3. Issue Report

   • Check bugs and issues that come up during development.

   	Warning	Error
   Definition	Flags a potential issue or inefficiency	An actual problem, or a state where the program can't run
   Severity	Low to moderate	High (must be fixed)
   Impact on execution	The program can keep running	The program stops or halts execution
   Common causes	Using a discouraged property, inefficient logic, and so on	Missing a required component, trying to access data that doesn't exist, and so on

4. Preview

   • Run the preview program to see the screen you're currently working on.
   • The preview program is configurable and runs in its own separate window.

5. Device sync

   • Connect a PC or mobile device and run your project on it.
   • How to connect a device
     • Automatically detect and connect to a PC or mobile device that's running the preview window.
     • If a device isn't detected automatically, scan the QR code Lucy Studio generates to connect it.
   • Managing connected devices
     • Send all of your project's resources, or just the screens you choose, to a connected device.
     • View the list of connected devices and manage their connection status.

6. Notification

   • Click it to see your project's list of announcements.
   • Click an announcement to see its details in a popup.

7. Profile

   • View the profile popup you set up in Lucy Team Cloud.
   • Provides logout and account settings.