フリーハンド

フリーハンドは、のコアに組み込まれている基盤となるテクノロジーです。 Blocs、デザインキャンバス上の要素のサイズと配置をより視覚的に行う方法を提供します。 フリーハンドコントロールを使用して要素を編集する場合、 カスタムクラス 対話されているフリーハンドコントロールのタイプに基づいて、関連する値を含むリアルタイムで自動的に書き込まれます。 これにより、より自由な形を感じながら、レスポンシブWebデザインの重要な価値を尊重するデザインエクスペリエンスが提供されます。 CSSボックスモデル.

サイズコントロール

デザイン キャンバスで Bric 要素を選択すると、Bric 要素を強調表示するアクティブ マーカーにフリーハンド編集コントロールが含まれる場合があります。これらのコントロールを使用すると、ドラッグするだけで、選択した要素の幅、高さ、または角の半径を設定できます。

使用できるフリーハンドコントロールのタイプは、選択した要素のタイプによって決まります。 たとえば、ボタンを使用すると、 幅, 高さ と コーナー半径 フリーハンドコントロールですが、段落などのテキスト要素を使用すると、 幅 と フォントサイズ フリーハンドコントロール。 これは、通常は値を必要としない、または適用すべきではない要素に値が適用されないようにするためです。

マージンとパディングのコントロール

要素が選択されると、マージンとパディングのフリーハンドコントロールは最初は非表示になります。 を押し続ける ⇧ キー、それらを明らかにします。 これらのコントロールをドラッグすると、デザインキャンバス上の要素を自由に移動および調整できます。

フリーハンドクラスの手動割り当て

フリーハンドキャンバスコントロールを操作すると、フリーハンドクラスが自動的に生成され、そのBric要素に割り当てられます（すでにクラスが割り当てられている場合を除く）。ただし、Bric要素にフリーハンドクラスを手動で割り当てることもできます。フリーハンドクラスを手動で割り当てるには、アイテムに少なくとも1つのクラスが割り当てられている必要があります。アイテムにクラスがある場合は、 右 サイドバーインスペクタのクラスフィールドタイトルの。左クリック シェブロンは、現在選択されている要素のすべてのクラスを一覧表示し、フリーハンド値を書き込むクラスを選択できるようにします。 アイテムにクラスが割り当てられていない場合、シェブロンは表示されないことに注意してください。

クラスが Bric 要素のフリーハンド クラスとして設定されている場合、そのタグ トークンがサイドバー インスペクターのクラス入力フィールドに強調表示されます。