Freihand ist eine zugrunde liegende Technologie, die in den Kern von eingebaut ist BlocsEs bietet eine visuellere Möglichkeit, Elemente auf der Designleinwand zu dimensionieren und zu positionieren. Wenn Freihandsteuerelemente zum Bearbeiten von Elementen verwendet werden, benutzerdefinierte Klassen werden automatisch in Echtzeit geschrieben, die die relevanten Werte enthalten, basierend auf der Art der Freihandsteuerung, mit der interagiert wird. Dies liefert ein Designerlebnis, das sich freier anfühlt, aber dennoch die Schlüsselwerte des reaktionsschnellen Webdesigns und des CSS-Box-Modell.
Größensteuerung
Wenn ein Bric-Element auf der Design-Leinwand ausgewählt ist, kann der aktive Marker, der das Bric-Element hervorhebt, Steuerelemente für die Freihandbearbeitung enthalten. Mit diesen Steuerelementen können Sie die Breite, Höhe oder den Eckradius des ausgewählten Elements durch einfaches Ziehen festlegen.
Die Art der zur Verfügung gestellten Freihandsteuerung wird durch die Art des ausgewählten Elements bestimmt. Über eine Schaltfläche erhalten Sie beispielsweise Zugriff auf die Breite, Höhe und Eckenradius Freihandsteuerung, aber ein Textelement wie ein Absatz gibt Ihnen Zugriff auf die Breite und der Schriftgröße Freihandsteuerung. Der Grund dafür ist, zu verhindern, dass Werte auf Elemente angewendet werden, für die sie normalerweise nicht erforderlich sind oder die nicht angewendet werden sollten.
Margin & Padding Controls
Die Freihandsteuerelemente für Rand und Abstand werden zunächst ausgeblendet, wenn ein Element ausgewählt wird. Drücken und halten Sie die ⇧ Schlüssel, wird sie offenbaren. Durch Ziehen dieser Steuerelemente können Sie das Element auf der Entwurfsfläche frei bewegen und anpassen.
Manuelles Zuweisen von Freihandklassen
Wenn mit einem Freehand-Canvas-Steuerelement interagiert wird, wird automatisch eine Freehand-Klasse generiert und diesem Bric-Element zugewiesen (sofern es nicht bereits eine hat). Es ist jedoch auch möglich, einem Bric-Element manuell eine Freehand-Klasse zuzuweisen. Um eine Freehand-Klasse manuell zuzuweisen, muss dem Element mindestens eine Klasse zugewiesen sein. Wenn das Element eine Klasse hat, sehen Sie ein Chevron-Symbol neben dem Recht des Klassenfeldtitels im Seitenleisteninspektor.Linksklick Der Chevron listet alle Klassen für das aktuell ausgewählte Element auf, sodass Sie auswählen können, in welche die Freihandwerte geschrieben werden sollen. Bitte beachten Sie, dass der Chevron nicht angezeigt wird, wenn dem Element keine Klassen zugewiesen sind.
Wenn eine Klasse als Freihandklasse für ein Bric-Element festgelegt ist, wird ihr Tag-Token im Eingabefeld der Seitenleisteninspektor-Klasse hervorgehoben angezeigt.