Die Schnittstelle

Einleitung

Der Blocs Die Schnittstelle besteht aus vier Hauptgruppen. Auf der linken Symbolleiste haben wir den Ebenenbaum und den Seitennavigator, in der Mitte den Entwurfsbereich, auf der rechten Symbolleiste den Inspektor und oben die Hauptsymbolleiste.

Der Ebenenbaum

Der Ebenenbaum gibt Ihnen einen Überblick über die gesamte Struktur der aktuell ausgewählten Seite. Hier können Sie die Attribute jeder Ebene anzeigen, z. B. ob sie gesperrt ist, und Ihr Dokument organisieren, indem Sie Ebenen umbenennen und neu anordnen. Sie können mehr über den Ebenenbaum lesen hier.

Der Seitennavigator

Der Seitennavigator bietet Ihnen eine durchsuchbare Übersicht über Ihr gesamtes Projekt, sodass Sie in Sekundenschnelle auf jede Seite zugreifen können, indem Sie nur nach ihrem Namen suchen. Sie können mehr über den Seitennavigator lesen hier.

Die Design-Leinwand

Der Entwurfsbereich zeigt die visuelle Ausgabe der Websites an, mit denen erstellt wurde Blocs. Sie können in Echtzeit mit der Seite interagieren und Elemente auswählen, verschieben und deren Inhalt bearbeiten. Die Design-Leinwand befindet sich in der Mitte des Hauptanwendungsfensters zwischen der linken und rechten Symbolleiste. Sie können mehr über das Design Canvas lesen hier.

Der Inspektor

Der Inspektor enthält alle Styling-Steuerelemente für das aktuell ausgewählte Element. Von hier aus können Sie visuelle Styling-Eigenschaften mit anwenden benutzerdefinierte Klassen, Fügen benutzerdefinierte Datenattribute und sogar Animation anwenden. Am unteren Rand der rechten Symbolleiste finden Sie auch die Schnellstartsteuerung für die Klassen-, Asset-, Swatch- und Menü-Manager.

Die Hauptsymbolleiste

Die Hauptsymbolleiste befindet sich oben im Hauptanwendungsfenster. Von hier aus können Sie schnell auf die zugreifen Projekt Einstellungen, ändere das aktiver HaltepunktStellen Sie die Zoomstufe, eingeben Vorschau Modus und auch schnell Navigieren Sie zu einer beliebigen Seite Verwenden des Dropdown-Menüs.

Aktualisiert am 15. Januar 2021

War dieser Artikel hilfreich?

Ähnliche Artikel