部品共通項目

部品インスペクターの共通している項目について説明します。

表示/非表示

表示項目で部品の表示/非表示の設定ができます。
  • 表示
    • 部品を表示します。
  • 非表示
    • 部品を非表示にします。
  • デバイス
    • 指定したデバイスの状態で表示、非表示を切り替えます。
    • 正論理の場合はデバイスがONの場合に表示されます。
    • 負論理の場合はデバイスがOFFの場合に表示されます。


タイトル

タイトルでは部品に表示するテキストを設定できます。
  • 配置
    テキストの配置を選択します。
    • 左上
    • 右上
    • 中央
    • 左下
    • 右下
  • アクティブ(ON) - 通常タイトル
    部品に表示するテキストを入力します。
  • インアクティブ(OFF) - 代替タイトル
    ランプデバイスを持つ部品(ボタンなど)では、ランプがOFF(インアクティブ)のときに表示される代替タイトルを設定できます。

タイトルの多言語化については ローカライズ(多言語化) をご覧ください。


フォント

フォントでは部品のテキスト表示に使用するフォントを設定できます。
  • デフォルトフォント
    ONにするとプロジェクトのデフォルトフォントが使用されます。個別にフォントを変更する場合はOFFにします。
  • フォント
    デフォルトフォントがOFFの場合に表示されます。フォント名とサイズを指定できます。
  • 自動サイズ
    ONにするとフォントサイズが部品に合わせて自動調整されます。


スタイル

スタイルでは部品のバックグラウンド表示を指定することができます。

  • 背景の形を選びます。
    • 長方形
    • 角丸長方形
    • カプセル
    • 楕円
  • 線幅
    枠線の幅を指定します。
  • 余白
    背景と部品との余白を指定します。
  • 角丸半径
    角丸長方形の場合の角の丸みを指定します。
  • 線色
    枠線の色を指定します。
  • 背景色
    背景の色を指定します。
  • 画像
    背景画像を指定します。 画像選択 をご覧ください。


画像選択

画像を選択する項目では、画像一覧画面が表示されます。 過去に選択したことがある画像が一覧表示されます。この中に使用する画像がある場合はタッチすることで選択されます。

  • ライブラリーから画像を選択する場合は追加(+)ボタンを押して選択することができます。
    ※ 但し、現バージョンではHEICファイルを選択しても適用になりません。
  • 画像を使用しない場合は、なし(点線で囲まれた四角)を選択します。

画像を選択すると、以下の詳細設定が表示されます。

  • 表示モード
    画像の表示方法を選択します。
    • フィット — 画像のアスペクト比を維持し、部品内に収まるように表示します。
    • フィル — 画像のアスペクト比を維持し、部品全体を覆うように表示します。はみ出た部分はクリップされます。
    • 引き伸ばし — 画像を部品のサイズに合わせて引き伸ばします。アスペクト比は維持されません。
  • 拡大率
    画像の拡大縮小倍率を指定します。1.0が等倍です。
  • オフセット X / Y
    画像の表示位置をずらします。
  • 不透明度
    画像の不透明度を指定します。1.0で完全に不透明、0.0で完全に透明になります。
  • 画像の配置
    画像の重なり順を指定します。
    • 背景の後ろ — 画像は背景色の後ろに表示されます。背景色を半透明にすると画像が透けて見えます。
    • 背景の前 — 画像は背景色の前、テキストの後ろに表示されます。
    • コンテンツの前 — 画像はテキストなどのコンテンツの前に表示されます。アイコンのオーバーレイなどに使えます。


位置

位置では部品の位置や大きさを指定することができます。
  • X: 部品配置のX座標
  • Y: 部品配置のY座標
  • 幅: 部品の幅
  • 高さ: 部品の高さ
  • 正方形: ONにすると幅と高さが同じになります。
  • ロック: ONにすると位置がロックされ移動できなくなります。


複数選択

複数の部品を同時に選択して操作できます。

選択モード

複数選択には2つのモードがあります。

  • 通常モード
    部品をタップすると、その部品だけが選択されます(既存の選択は解除されます)。
  • マルチ選択モード
    部品をダブルタップすると、マルチ選択モードに入ります。このモードでは、部品をタップすると選択に追加され、既に選択されている部品をタップすると選択が解除されます。
    モード中はオブジェクトインスペクターの右上に「複数選択」バッジが表示されます。
  • モード解除
    ページの空白部分をタップすると、マルチ選択モードが解除され通常モードに戻ります。
  • 全選択
    キーボードの Cmd+A で現在のページの全部品を選択できます。自動的にマルチ選択モードに入ります。

複数選択時の操作

  • 移動
    選択中の部品をドラッグすると、全ての選択部品が一緒に移動します。
  • ロック
    インスペクターでロックのON/OFFを切り替えると、全ての選択部品に適用されます。
  • グループ化
    ツールバーの「グループ」ボタンで、選択した部品をグループにまとめることができます。
  • グループ解除
    ツールバーの「グループ解除」ボタンで、グループを解除できます。
  • コピー・削除
    選択中の全部品に対してコピーや削除を実行できます。

グループ選択

グループ化されている部品をタップすると、グループ全体が選択されます。 グループ内の個別の部品を選択するには、部品をダブルタップしてグループ編集モードに入ります。


グループ化 / グループ解除ボタン