フリーハンド

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

サイズコントロール

時 Bric デザインキャンバスで要素が選択されていると、 Bric 要素には、フリーハンドの編集コントロールが含まれる場合があります。 これらのコントロールを使用すると、ドラッグするだけで、選択した要素の幅、高さ、またはコーナー半径を設定できます。

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

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

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

初心者向けのヒント

別のものに切り替えることも可能です ブレークポイント その特定の画面幅に関連するフリーハンドコントロール値をカスタマイズします。

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

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

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

初心者向けのヒント

フリーハンドクラスは、複数の要素にコピーして貼り付けることもできるため、一度に複数の要素のスタイルを簡単に設定できます。

21年2020月XNUMX日に更新

この記事は役に立ちましたか?

関連記事