概要
この Blocs インターフェイスはXNUMXつの主要なグループで構成されています。 左側のツールバーにはレイヤーツリーとページナビゲーターがあり、中央にはデザインキャンバスがあり、右側のツールバーにはインスペクターがあり、上部にはメインツールバーがあります。
レイヤーツリー
レイヤーツリーには、現在選択されているページの構造全体の概要が表示されます。 ここでは、ロックされているかどうかなど、各レイヤーの属性を表示したり、レイヤーの名前を変更したり並べ替えたりしてドキュメントを整理することができます。 レイヤーツリーについてもっと読むことができます (茶事の話はこちらをチェック).
ページナビゲーター
ページナビゲーターは、プロジェクト全体の検索可能な概要を提供します。つまり、名前を検索するだけで、任意のページに数秒でアクセスできます。 ページナビゲーターについてもっと読むことができます (茶事の話はこちらをチェック).
デザインキャンバス
デザインキャンバスは、で作成されたサイトの視覚的な出力を表示します Blocs。 リアルタイムでページを操作できるため、要素の選択、移動、コンテンツの編集が可能です。 デザインキャンバスは、左右のツールバーに挟まれたメインアプリケーションウィンドウの中央にあります。 デザインキャンバスについてもっと読むことができます (茶事の話はこちらをチェック).
インスペクタ
インスペクターには、現在選択されている要素のすべてのスタイリングコントロールが含まれています。ここから、視覚的なスタイリング特性を適用できます。 カスタムクラス追加 カスタムデータ属性 そして、さえ アニメーションを適用する。 右側のツールバーの下部には、 クイック起動コントロール クラス、アセット、スウォッチ、メニューマネージャー用。
メインツールバー
メインツールバーは、メインアプリケーションウィンドウの上部にあります。 ここからすぐにアクセスできます プロジェクト設定、 変更 アクティブなブレークポイント、 をセットする ズームレベル、 入る プレビューモード そしてまたすぐに 任意のページに移動します ページドロップダウンメニューを使用します。