Freehand

Freehand is een onderliggende technologie die ingebouwd is in de kern van Blocs, biedt het een meer visuele manier om elementen op het ontwerpcanvas te rangschikken en te positioneren. Als er uit de vrije hand bedieningselementen worden gebruikt om elementen aangepaste klassen worden automatisch in realtime geschreven en bevatten de relevante waarden op basis van het type besturing uit de vrije hand waarmee wordt gewerkt. Dit levert een ontwerpervaring op die meer vrije vorm aanvoelt, maar toch de kernwaarden van responsive webdesign en de CSS-doosmodel.

Maatregelaars

Wanneer een Bric-element is geselecteerd op het ontwerpcanvas, kan de actieve marker die het Bric-element markeert, freehand-bewerkingsbedieningen bevatten. Met deze bedieningen kunt u de breedte, hoogte of hoekradius van het geselecteerde element instellen door ze eenvoudigweg te verslepen.

Het type beschikbare bedieningselementen uit de vrije hand wordt bepaald door het type element dat is geselecteerd. Een knop geeft u bijvoorbeeld toegang tot het Breedte, Hoogte en hoekradius bedieningselementen uit de vrije hand, maar een tekstelement zoals een alinea geeft u toegang tot de Breedte en lettergrootte controle uit de vrije hand. De reden hiervoor is om te voorkomen dat waarden worden toegepast op elementen die deze ofwel doorgaans niet nodig hebben of niet zouden moeten worden toegepast.

Marge- en opvullingsregelaars

De marge en opvulling uit de vrije hand zijn in eerste instantie verborgen wanneer een element wordt geselecteerd. Houd de ⇧ key, zal ze onthullen. Door deze bedieningselementen te slepen, kunt u het element vrij verplaatsen en aanpassen op het ontwerpcanvas.

Handmatig klassen toewijzen

Wanneer er interactie is met een freehand canvas control, wordt er automatisch een freehand class gegenereerd en toegewezen aan dat Bric element (tenzij het er al een heeft). Het is echter ook mogelijk om handmatig een freehand class toe te wijzen aan een Bric element. Om handmatig een freehand class toe te wijzen, moet er minstens één class aan het item zijn toegewezen. Als het item een ​​class heeft, ziet u een chevron symbool op de rechts van de titel van het klasseveld in de zijbalkinspecteur.Links klikken de punthaak geeft een lijst van alle klassen voor het momenteel geselecteerde element, zodat u kunt selecteren naar welke u de waarden uit de vrije hand wilt schrijven. Let op: als er geen klassen zijn toegewezen aan het item, zal de punthaak niet verschijnen.

Wanneer een klasse wordt ingesteld als de freehand-klasse voor een Bric-element, wordt het tag-token gemarkeerd weergegeven in het klasse-invoerveld in de zijbalk-inspector.