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.