# Interface Guide
## Title Bar
![](img/I1.png)

| No. | Name | Function Description |
| :---: | :---: | :---: |
| ① | Software Name | Displays the current software name and version number |


## Toolbar
![](img/I2.png)

| No. | Name | Function Description |
| :---: | :---: | --- |
| ① | Select Device | Choose and connect different devices (e.g., ICBricks, ICRobot, ICMaster) |
| ② | Firmware Burning | Select and burn standard firmware or XiaoZhi AI firmware to ICRobot |
| ③ | File | Dropdown menu includes: New Project, Open Local Project, Save As, Export Project, Save Snapshot |
| ④ | Project | Rename the current project |
| ⑤ | Mode | Switch between Live Mode and Download Mode |
| ⑥ | Settings | Change settings for language, theme colour, desktop content, as well as serial connection, Bluetooth connection, firmware burning, WiFi QR code generation, and WiFi connection function selection |
| ⑦ | Help | View Desktop Setup Guide, Privacy Policy, About, Source Code Info, Donation Page |


## Editing Interface
### Live Mode
![](img/I3.png)

| No. | Name | Function Description |
| :---: | :---: | --- |
| ① | Block Instructions | Used to select different types of building block instructions and different types of extensions.<br/>Building block instructions include motion, appearance, sound, control, event, detection, operation, variables, my Blocks. |
| ② | Coding Area | Drag and drop blocks here to create your program |
| ③ | Stage Area | Shows real-time feedback and interactions of programmed characters |
| ④ | Character Area | Add/edit characters or background images for the stage |


### Download Mode
![](img/I4.png)

| No. | Name | Function Description |
| :---: | :---: | --- |
| ① | Block Instructions | Used to select different types of building block instructions and different types of extensions.<br/>Building block instructions include motion, appearance, sound, control, event, detection, operation, variables, my Blocks. |
| ② | Coding Area | Drag and drop blocks here to create your program |
| ③ | Save | Save the current project locally. |
| ④ | Import | Import existing .py files for use in the current project. |
| ⑤ | Python Coding Area | This area can be used to display the Python programming corresponding to the block commands on the left, which can be added or removed. |
| ⑥ | Hardware Control Area | Download: Upload code to the ICRobot.	   Console: View real-time sensor/button/camera states when connected.   Serial Monitor: Send and receive serial data directly. |