App:Library:Squareline:docs:dev env:inspector

提供: robot-jp wiki
ナビゲーションに移動検索に移動
SquareLineStudio Inspector.jpg

Inspector Panel

原文
In the Inspector Panel, there are the parameters of the selected widgets. You can add styles and events to them. インスペクタ パネルには、選択したウィジェットのパラメータがあります。 それらにスタイルとイベントを追加できます。


Widget Properties

原文
All widgets have obligatory parameters, such as name, transformation, flags and states.

Besides, there may be special settings, as well.

すべてのウィジェットには、名前、変換、フラグ、状態などの必須パラメーターがあります。

また、特別な設定がある場合もあります。


Name

原文


You should name the widget.

There cannot be a number, underscore or a special character at the beginning of the name. Having exported the code, you can find the widget by that name.


ウィジェットには名前を付ける必要があります。

名前の先頭に数字、アンダースコア、または特殊文字を使用することはできません。 コードをエクスポートすると、その名前でウィジェットを見つけることができます。


Transform

原文


You should define the position and size of every widget and its alignment to its own parent.

  • X, Y - The X and Y position of the widget.

    This value can be added in pixels or in percents. Percent value will refer to the size of the parent widget.

  • Width, Height - The width and height of the widget.

    This value can be added in pixels, percents, or the content can define the parameters. Percent value will refer to the size of the parent widget, the content will copy the maximum size of the children widgets.

  • Align - The alignment of the widget to the parent.


すべてのウィジェットの位置とサイズ、および独自の親への配置を定義する必要があります。

  • X, Y - ウィジェットの X と Y の位置。

    この値は、ピクセル単位またはパーセント単位で追加できます。 パーセント値は、親ウィジェットのサイズを参照します。

  • 幅、高さ - ウィジェットの幅と高さ。

    この値は、ピクセル、パーセントで追加するか、コンテンツでパラメーターを定義できます。 パーセント値は親ウィジェットのサイズを参照し、コンテンツは子ウィジェットの最大サイズをコピーします。

  • Align - 親に対するウィジェットの配置。


Flags

原文
Flags are different attributes, connected to the widgets, which can be enabled or disabled. フラグは、有効または無効にできるウィジェットに接続されたさまざまな属性です。


Main Flags

原文
  • Hidden - Make the object hidden. (Like it wasn't there at all.)
  • Clickable - Make the object clickable by input devices
  • Click focusable - Add focused state to the object when clicked
  • Checkable - Toggle checked state when the object is clicked
  • Snappable - If scroll snap is enabled on the parent it can snap to this object
  • Press lock - Keep the object pressed even if the press slid from the object
  • Event bubble - Propagate the events to the parent too
  • Gesture bubble - Propagate the events to the parent too
  • Adv hittest - Allow performing more accurate hit (click) test. E.g. accounting for rounded corners
  • Ignore layout - Make the object positionable by the layouts
  • Floating - Do not scroll the object when the parent scrolls and ignore layout
  • 非表示 - オブジェクトを非表示にします。 (まるで無かったかのように。)
  • Clickable - 入力デバイスでオブジェクトをクリック可能にします
  • クリック フォーカス可能 - クリック時にオブジェクトにフォーカス状態を追加します
  • チェック可能 - オブジェクトがクリックされたときにチェック状態を切り替えます
  • スナップ可能 - 親でスクロール スナップが有効になっている場合、このオブジェクトにスナップできます
  • プレスロック - プレスが対象物からスライドしても、対象物を押したままにします
  • イベント バブル - イベントを親にも伝播する
  • ジェスチャー バブル - イベントを親にも伝播する
  • Adv hittest - より正確なヒット (クリック) テストを実行できるようにします。 例えば。 丸みを帯びた角を考慮する
  • レイアウトを無視 - レイアウトによってオブジェクトを配置可能にします
  • フローティング - 親がスクロールするときにオブジェクトをスクロールせず、レイアウトを無視します

Scroll Flags

原文
  • Scrollable - Make the object scrollable
  • Scroll elastic - Allow scrolling inside but with slower speed
  • Scroll momentum - Make the object scroll further when "thrown"
  • Scroll one - Allow scrolling only one snappable children
  • Scroll chain - Allow propagating the scroll to a parent
  • Scroll on focus - Automatically scroll object to make it visible when focused
  • スクロール可能 - オブジェクトをスクロール可能にします
  • 弾力性のあるスクロール - 内部のスクロールを許可しますが、速度は遅くなります
  • スクロールの勢い - 「投げた」ときにオブジェクトをさらにスクロールさせます
  • 1 つスクロール - スナップ可能な子を 1 つだけスクロールできるようにします
  • スクロール チェーン - スクロールを親に伝播できるようにする
  • フォーカス時にスクロール - フォーカス時にオブジェクトが見えるように自動的にスクロールします


Scroll Settings

原文
  • Scroll direction - Scrollbars are displayed according to a configured
  • Scrollbar mode - Scrollbars are displayed according to a configured mode. The following modes exist:
    • Off - Never show the scrollbars
    • On - Always show the scrollbars
    • Active - Show scroll bars while a object is being scrolled
    • Auto - Show scroll bars when the content is large enough to be scrolled
  • スクロール方向 - 構成に従ってスクロールバーが表示されます。
  • スクロールバー モード - 構成された mode に従ってスクロールバーが表示されます。 次の mode があります:
    • Off - スクロールバーを表示しない
    • On - スクロールバーを常に表示する
    • Active - オブジェクトのスクロール中にスクロール バーを表示する
    • Auto - コンテンツがスクロールできる大きさになったときにスクロール バーを表示する

States

原文


The object can be in a combination of the following states:

  • Clickable - Toggled or checked state
  • Disable - Disabled state
  • Focusable - Focused via keypad or encoder or clicked via touchpad/mouse
  • Pressed - Being pressed
オブジェクトは、次の状態の組み合わせになる可能性があります。
  • クリック可能 - トグルまたはチェック状態
  • 無効 - 無効状態
  • フォーカス可能 - キーパッドまたはエンコーダーによってフォーカスされるか、タッチパッド/マウスによってクリックされます
  • 押された - 押されている

Style settings

原文
Styles can be used to add effects to widgets or their parts.

You can add a custom background color, border, shadow, etc.

In Style Settings, you can add or modify the values of these parameters.

スタイルを使用して、ウィジェットまたはそのパーツに効果を追加できます。

カスタムの背景色、境界線、影などを追加できます。

スタイル設定では、これらのパラメータの値を追加または変更できます。


State

原文
You can create a custom style to each state. 各状態にカスタム スタイルを作成できます。


Style Properties

原文
Style Properties are the parameters to be set for the styles.

Styles - More information on styles in the Styles section

スタイル プロパティは、スタイルに設定するパラメータです。

スタイル - スタイルの詳細については、スタイル セクションを参照してください。


Event Properties

原文
Event - More information on events in the Event section イベント - イベントセクションのイベントに関する詳細情報





戻る : Previous