anyuianyui
anyui-LIVE
anyui
Feedback
  • English
  • 中文
anyui-LIVE
anyui
Feedback
  • English
  • 中文
  • Introduction

    • Introduction
  • Get Started

    • Get Started
  • Workspace

    • Workspace
  • Editor

    • Overview
    • Toolbar
    • Navigator
    • Inspector
    • Event Flow Overview
    • Statusbar
    • Settings
    • Keyboard shortcuts
    • Canvas
    • Preview
    • Resource management
    • Code Viewer
    • History
  • Agent
  • Desktop
  • Subjects

    • Image
    • Font Library
    • Layout
    • Symbol
    • Global style
    • Dynamic LVGL version
    • Dynamic Display Size Change
    • Override screen size
    • Codegen
    • Transplant
    • Simulator
    • Translation
  • FAQ

Every pointing and keystroke operation the editor answers to, in one place. The same list is readable inside the editor under Settings > Shortcuts, where each entry carries its own note.

Bindings are fixed: nothing here can be rebound yet.

Mouse

OperationInput
Pan the canvasRight button + drag
Select a widgetLeft button click
Select the screen, or clear the selectionLeft button click on empty canvas
Box-select widgetsLeft button drag from empty canvas
Move widgetsLeft button drag
Resize widgetsLeft button drag on a resize handle

A click on empty canvas selects the screen itself. A drag from empty canvas draws a selection box, but only once the pointer has moved a few pixels — a click that misses every widget selects nothing.

Clicking a widget that is already selected keeps the whole selection, so you can drag it. Drag inside the selection box moves everything selected at once.

Widgets that size to their content, or whose geometry their parent owns, show no resize handles.

Panning is the right button's only job on the canvas, which opens no right-click menu, so a right drag always moves the view.

Modifier + mouse

OperationInput
Zoom in and outCtrl/Cmd + mouse wheel
Add or remove one widgetCtrl/Cmd + left button click
Box-select into the current selectionCtrl/Cmd + left button drag from empty canvas
Select a range of widgetsShift + left button click
Resize keeping proportionsShift + left button drag on a handle

Zooming with the wheel stays anchored under the pointer.

Ctrl/Cmd click takes one widget in or out of the selection without disturbing the rest, and a Ctrl/Cmd box-select adds whatever it catches to that selection instead of replacing it. Shift click extends the selection from the widget you last clicked through to this one.

Keyboard

OperationShortcut
SaveCtrl/Cmd+S
UndoCtrl/Cmd+Z
RedoCtrl/Cmd+Y or Ctrl/Cmd+Shift+Z
New screenCtrl/Cmd+Shift+N
Duplicate the screenCtrl/Cmd+Shift+D
Toggle the event-flow layerCtrl/Cmd+Shift+E
Delete the selectionDelete or Backspace
Zoom inCtrl/Cmd+= or Ctrl/Cmd++
Zoom outCtrl/Cmd+-
Reset zoom to 100%Ctrl/Cmd+0
Select every widget on the screenCtrl/Cmd+A
Clear the selectionEsc
Select the next widgetTab
Select the previous widgetShift+Tab
Nudge the selectionArrow keys, or Shift + Arrow keys

Ctrl/Cmd means Control on Windows and Linux and Command on macOS — every binding accepts either, and the two are never distinguished.

Fitting every screen in view and zooming to the selection answer to the zoom controls above the canvas, not to a key. = and + both zoom in, so keyboards that share those two characters on one key need no Shift.

Tab steps one selection forward through the screen's widgets in stacking order and wraps around at the end; Shift+Tab steps backward. Nudging moves one pixel per press, ten with Shift, and snaps to the same alignment guides as a drag.

Scope and focus

  • Edit mode only. Every canvas gesture and canvas key above is ignored in preview mode. Ctrl/Cmd + mouse wheel is the one exception and still zooms there.
  • Wheel outside the canvas. Ctrl/Cmd + mouse wheel zooms only while the pointer is over the canvas; in the rest of the editor it scrolls the panel under the pointer instead of zooming the whole page.
  • Canvas focus. The zoom, select-all, clear-selection, Tab, and arrow keys are handled by the canvas itself, so click in the canvas once before using them.
  • While you are typing. Save, Undo, and Redo keep working inside a text field. Delete, Backspace, and Ctrl/Cmd+Shift+E do nothing there, so a keystroke cannot edit the canvas underneath you.
  • Screens are not deleted by a key. Delete on a selected screen is refused; remove screens from the hierarchy tree.
  • History feedback. An empty undo stack, or one blocked by an open edit session, is reported instead of passing silently.

Related guides

  • Canvas - placing, selecting, and arranging widgets.
  • Settings - the dialog that lists these bindings.
  • Toolbar - the same commands as buttons.
  • Event Flow Overview - what Ctrl/Cmd+Shift+E shows and hides.
  • Overview - the editor interface as a whole.
Prev
Settings
Next
Canvas