「App:Library:Squareline:docs:dev env:inspector」の版間の差分
85行目: | 85行目: | ||
|- | |- | ||
| | | | ||
+ | * '''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''' - より正確なヒット (クリック) テストを実行できるようにします。 例えば。 丸みを帯びた角を考慮する | ||
+ | * '''レイアウトを無視''' - レイアウトによってオブジェクトを配置可能にします | ||
+ | * '''フローティング''' - 親がスクロールするときにオブジェクトをスクロールせず、レイアウトを無視します | ||
|} | |} | ||
94行目: | 116行目: | ||
|- | |- | ||
| | | | ||
+ | * '''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 つだけスクロールできるようにします | ||
+ | * '''スクロール チェーン''' - スクロールを親に伝播できるようにする | ||
+ | * '''フォーカス時にスクロール''' - フォーカス時にオブジェクトが見えるように自動的にスクロールします | ||
|} | |} | ||
104行目: | 138行目: | ||
|- | |- | ||
| | | | ||
+ | * '''Scroll direction''' - Scrollbars are displayed according to a configured | ||
+ | * '''Scrollbar mode''' - Scrollbars are displayed according to a configured <code>mode</code>. The following <code>mode</code>s 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 | ||
| | | | ||
+ | * '''スクロール方向''' - 構成に従ってスクロールバーが表示されます。 | ||
+ | * '''スクロールバー モード''' - 構成された <code>mode</code> に従ってスクロールバーが表示されます。 次の <code>mode</code> があります: | ||
+ | ** '''Off''' - スクロールバーを表示しない | ||
+ | ** '''On''' - スクロールバーを常に表示する | ||
+ | ** '''Active''' - オブジェクトのスクロール中にスクロール バーを表示する | ||
+ | ** '''Auto''' - コンテンツがスクロールできる大きさになったときにスクロール バーを表示する | ||
|} | |} | ||
</blockquote> | </blockquote> | ||
115行目: | 161行目: | ||
|- | |- | ||
| | | | ||
− | | | + | |
+ | |||
+ | 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 | ||
+ | |オブジェクトは、次の状態の組み合わせになる可能性があります。 | ||
+ | |||
+ | * '''クリック可能''' - トグルまたはチェック状態 | ||
+ | * '''無効''' - 無効状態 | ||
+ | * '''フォーカス可能''' - キーパッドまたはエンコーダーによってフォーカスされるか、タッチパッド/マウスによってクリックされます | ||
+ | * '''押された''' - 押されている | ||
|} | |} | ||
124行目: | 183行目: | ||
!訳 | !訳 | ||
|- | |- | ||
− | | | + | |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. | ||
+ | |スタイルを使用して、ウィジェットまたはそのパーツに効果を追加できます。 | ||
+ | |||
+ | カスタムの背景色、境界線、影などを追加できます。 | ||
+ | |||
+ | スタイル設定では、これらのパラメータの値を追加または変更できます。 | ||
|} | |} | ||
135行目: | 202行目: | ||
!訳 | !訳 | ||
|- | |- | ||
− | | | + | |You can create a custom style to each state. |
− | | | + | |各状態にカスタム スタイルを作成できます。 |
|} | |} | ||
145行目: | 212行目: | ||
!訳 | !訳 | ||
|- | |- | ||
− | | | + | |Style Properties are the parameters to be set for the styles. |
− | | | + | |
+ | '''Styles''' - More information on styles in the Styles section | ||
+ | |スタイル プロパティは、スタイルに設定するパラメータです。 | ||
+ | |||
+ | '''スタイル''' - スタイルの詳細については、スタイル セクションを参照してください。 | ||
|} | |} | ||
2022年8月4日 (木) 06:42時点における版
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
原文 | 訳 |
---|---|
|
|
Transform
原文 | 訳 |
---|---|
|
|
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 followingmode
s 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
原文 | 訳 |
---|---|
|
オブジェクトは、次の状態の組み合わせになる可能性があります。
|
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
原文 | 訳 |
---|---|