「App:Library:Squareline:docs:docs:events」の版間の差分
提供: robot-jp wiki
ナビゲーションに移動検索に移動(同じ利用者による、間の2版が非表示) | |||
53行目: | 53行目: | ||
== Add Action == | == Add Action == | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |Having added an interaction, you should add an action to be done. |
− | | | + | |
+ | * '''Action name''' - The name of the action | ||
+ | * '''Action type''' - The type of the action | ||
+ | |インタラクションを追加したら、実行するアクションを追加する必要があります。 | ||
+ | |||
+ | * '''アクション名''' - アクションの名前 | ||
+ | * '''アクション タイプ''' - アクションのタイプ | ||
|} | |} | ||
60行目: | 66行目: | ||
== Actions == | == Actions == | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |Actions are those elements of the event, which start when trigger happen. |
− | | | + | |アクションは、トリガーが発生したときに開始されるイベントの要素です。 |
|} | |} | ||
67行目: | 73行目: | ||
=== Call function === | === Call function === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |Using the Call function action, you can add a function name that the event can refer to. |
− | | | + | |
+ | This function will be created into the '''ui__events.c''' or '''ui_events.py''' file during the exporting process. | ||
+ | |関数呼び出しアクションを使用して、イベントが参照できる関数名を追加できます。 | ||
+ | |||
+ | この関数は、エクスポート プロセス中に '''ui__events.c''' または '''ui_events.py''' ファイルに作成されます。 | ||
|} | |} | ||
74行目: | 84行目: | ||
=== Change Screen === | === Change Screen === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |You can change among screens with this action. |
− | | | + | |
+ | * '''Screen to''' - The screen you would like to change to | ||
+ | * '''Fade mode''' - The animation during changing the screen | ||
+ | * '''Speed''' - The speed of changing the screen | ||
+ | * '''Delay''' - The delay of changing the screen | ||
+ | |このアクションで画面を切り替えることができます。 | ||
+ | |||
+ | * '''Screen to''' - 変更したい画面 | ||
+ | * '''フェードモード''' - 画面切り替え時のアニメーション | ||
+ | * '''速度''' - 画面を変更する速度 | ||
+ | * '''遅延''' - 画面変更の遅延 | ||
|} | |} | ||
81行目: | 101行目: | ||
=== Increment Arc === | === Increment Arc === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |You can modify the value of the Arc Widget. |
− | | | + | |
+ | * '''Target''' - Target Arc Widget. | ||
+ | * '''Value''' - The value of increase / decrease | ||
+ | |アーク ウィジェットの値を変更できます。 | ||
+ | |||
+ | * '''ターゲット''' - ターゲット アーク ウィジェット。 | ||
+ | * '''値''' - 増加/減少の値 | ||
|} | |} | ||
88行目: | 114行目: | ||
=== Increment Bar === | === Increment Bar === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |You can modify the value of the Bar Widget. |
− | | | + | |
+ | * '''Target''' - Target Bar Widget | ||
+ | * '''Value''' - The value of increase / decrease | ||
+ | * '''Animate''' - The animation time of value change | ||
+ | |バー ウィジェットの値を変更できます。 | ||
+ | |||
+ | * '''ターゲット''' - ターゲット バー ウィジェット | ||
+ | * '''値''' - 増加/減少の値 | ||
+ | * '''Animate''' - 値の変化のアニメーション時間 | ||
|} | |} | ||
95行目: | 129行目: | ||
=== Increment Slider === | === Increment Slider === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |You can modify the value of the Slider Widget. |
− | | | + | |
+ | * '''Target''' - Target Slider Widget. | ||
+ | * '''Value''' - Value of increase / decrease. | ||
+ | * '''Animate''' - The animation time of value change | ||
+ | |スライダー ウィジェットの値を変更できます。 | ||
+ | |||
+ | * '''ターゲット''' - ターゲット スライダー ウィジェット。 | ||
+ | * '''値''' - 増加/減少の値。 | ||
+ | * '''Animate''' - 値の変化のアニメーション時間 | ||
|} | |} | ||
102行目: | 144行目: | ||
=== Modify Flag === | === Modify Flag === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |You can modify the flag state of a widget. |
− | | | + | |
+ | * '''Object''' - The target object | ||
+ | * '''Flags''' - The defined flag to be changed | ||
+ | * '''Action''' - The action to be used | ||
+ | ** '''Add''' - Add a flag | ||
+ | ** '''Remove''' - Remove a flag | ||
+ | ** '''Toggle''' - Use a flag from another state | ||
+ | |ウィジェットのフラグ状態を変更できます。 | ||
+ | |||
+ | * '''Object''' - ターゲット オブジェクト | ||
+ | * '''Flags''' - 変更する定義済みフラグ | ||
+ | * '''アクション''' - 使用するアクション | ||
+ | ** '''追加''' - フラグを追加します | ||
+ | ** '''削除''' - フラグを削除します | ||
+ | ** '''トグル''' - 別の州の旗を使用する | ||
|} | |} | ||
− | |||
=== Play Animation === | === Play Animation === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |You can play the animations created in the '''Animation Panel'''. |
− | | | + | |
+ | * '''Animation''' - The selected animation | ||
+ | * '''Target''' - Target widget you would like to use the animation on | ||
+ | * '''Delay''' - The delay time of the animation | ||
+ | |アニメーション パネルで作成したアニメーションを再生できます。 | ||
+ | |||
+ | * '''アニメーション''' - 選択したアニメーション | ||
+ | * '''ターゲット''' - アニメーションを使用するターゲット ウィジェット | ||
+ | * '''Delay''' - アニメーションの遅延時間 | ||
|} | |} | ||
116行目: | 179行目: | ||
=== Set Opacity === | === Set Opacity === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |The opacity of the selected widget. |
− | | | + | |
+ | * '''Target''' - The target widget. | ||
+ | * '''Value''' - The value of opacity. | ||
+ | |選択したウィジェットの不透明度。 | ||
+ | |||
+ | * '''ターゲット''' - ターゲット ウィジェット。 | ||
+ | * Value - 不透明度の値。 | ||
|} | |} | ||
123行目: | 192行目: | ||
=== Set Flag === | === Set Flag === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |Set the value for the flag state of the widget. |
− | | | + | |
+ | * '''Object''' - The target object. | ||
+ | * '''Flag''' - The flag to be used. | ||
+ | * '''Value''' - The value of the flag state. | ||
+ | |ウィジェットのフラグ状態の値を設定します。 | ||
+ | |||
+ | * '''オブジェクト''' - ターゲット オブジェクト。 | ||
+ | * '''Flag''' - 使用するフラグ。 | ||
+ | * '''Value''' - フラグ状態の値。 | ||
|} | |} | ||
130行目: | 207行目: | ||
=== Set Property === | === Set Property === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |Change the property value of the widget. |
− | | | + | |
+ | * '''Target''' - The target object. | ||
+ | * '''Property''' - The parameter to be changed. | ||
+ | * '''Value''' - The value of the property. | ||
+ | |ウィジェットのプロパティ値を変更します。 | ||
+ | |||
+ | * '''ターゲット''' - ターゲット オブジェクト。 | ||
+ | * '''プロパティ''' - 変更するパラメータ。 | ||
+ | * '''値''' - プロパティの値。 | ||
|} | |} | ||
137行目: | 222行目: | ||
=== Set text value from arc === | === Set text value from arc === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |Display the Arc Widget value on a Label Widget by using this action. |
− | | | + | |
+ | * '''Target''' - The Label widget to display the value on | ||
+ | * '''Source''' - The Arc widget value to be displayed | ||
+ | * '''Prefix''' - The text before the value on the Label widget | ||
+ | * '''Postfix''' - The text after the value on the Label widget | ||
+ | |このアクションを使用して、ラベル ウィジェットにアーク ウィジェットの値を表示します。 | ||
+ | |||
+ | * '''Target''' - 値を表示するラベル ウィジェット | ||
+ | * '''Source''' - 表示される Arc ウィジェットの値 | ||
+ | * '''プレフィックス''' - ラベル ウィジェットの値の前のテキスト | ||
+ | * '''Postfix''' - ラベル ウィジェットの値の後のテキスト | ||
|} | |} | ||
144行目: | 239行目: | ||
=== Set text value from slider === | === Set text value from slider === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |Display the Slider Widget value on a Label Widget by using this action. |
− | | | + | |
+ | * '''Target''' - The Label widget to display the value on | ||
+ | * '''Source''' - The Slider widget value to be displayed | ||
+ | * '''Prefix''' - The text before the value on the Label widget | ||
+ | * '''Postfix''' - The text after the value on the Label widget | ||
+ | |このアクションを使用して、ラベル ウィジェットにスライダー ウィジェットの値を表示します。 | ||
+ | |||
+ | * '''Target''' - 値を表示するラベル ウィジェット | ||
+ | * '''Source''' - 表示される Slider ウィジェットの値 | ||
+ | * '''プレフィックス''' - ラベル ウィジェットの値の前のテキスト | ||
+ | * '''Postfix''' - ラベル ウィジェットの値の後のテキスト | ||
|} | |} | ||
151行目: | 256行目: | ||
=== Set text value when checked === | === Set text value when checked === | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |Change the text of a Label Widget depending on the checked or unchecked state of the target object. |
− | | | + | |
+ | * '''Target''' - The Label widget to display the text on | ||
+ | * '''Source''' - The state of the target widget | ||
+ | * '''On text''' - The text in checked state | ||
+ | * '''Of text''' - The text in unchecked state | ||
+ | |ターゲット オブジェクトのチェックまたは非チェック状態に応じて、ラベル ウィジェットのテキストを変更します。 | ||
+ | |||
+ | * '''Target''' - テキストを表示するラベル ウィジェット | ||
+ | * '''ソース''' - ターゲット ウィジェットの状態 | ||
+ | * '''テキスト上''' - チェックされた状態のテキスト | ||
+ | * '''Of text''' - チェックされていない状態のテキスト | ||
|} | |} | ||
2022年8月4日 (木) 11:34時点における最新版
Events and Actions
原文 | 訳 |
---|---|
Adding events, you can create different interactions to widgets, for instance change the screen, play an animation, etc. by pressing a button. | イベントを追加すると、ボタンを押して画面を変更したり、アニメーションを再生したりするなど、さまざまなインタラクションをウィジェットに作成できます。 |
Add Event
At the bottom of the Inspector Panel, you can find the ADD EVENT button.
Firstly, you should name the event, then choose a trigger to start it.
|
インスペクタパネルの下部に、ADD EVENTボタンがあります。
まず、イベントに名前を付け、それを開始するトリガーを選択します。
|
Add Action
Having added an interaction, you should add an action to be done.
|
インタラクションを追加したら、実行するアクションを追加する必要があります。
|
Actions
Actions are those elements of the event, which start when trigger happen. | アクションは、トリガーが発生したときに開始されるイベントの要素です。 |
Call function
Using the Call function action, you can add a function name that the event can refer to. This function will be created into the ui__events.c or ui_events.py file during the exporting process.
関数呼び出しアクションを使用して、イベントが参照できる関数名を追加できます。 この関数は、エクスポート プロセス中に ui__events.c または ui_events.py ファイルに作成されます。
Change Screen
You can change among screens with this action.
- Screen to - The screen you would like to change to
- Fade mode - The animation during changing the screen
- Speed - The speed of changing the screen
- Delay - The delay of changing the screen
このアクションで画面を切り替えることができます。
- Screen to - 変更したい画面
- フェードモード - 画面切り替え時のアニメーション
- 速度 - 画面を変更する速度
- 遅延 - 画面変更の遅延
Increment Arc
You can modify the value of the Arc Widget.
- Target - Target Arc Widget.
- Value - The value of increase / decrease
アーク ウィジェットの値を変更できます。
- ターゲット - ターゲット アーク ウィジェット。
- 値 - 増加/減少の値
Increment Bar
You can modify the value of the Bar Widget.
- Target - Target Bar Widget
- Value - The value of increase / decrease
- Animate - The animation time of value change
バー ウィジェットの値を変更できます。
- ターゲット - ターゲット バー ウィジェット
- 値 - 増加/減少の値
- Animate - 値の変化のアニメーション時間
Increment Slider
You can modify the value of the Slider Widget.
- Target - Target Slider Widget.
- Value - Value of increase / decrease.
- Animate - The animation time of value change
スライダー ウィジェットの値を変更できます。
- ターゲット - ターゲット スライダー ウィジェット。
- 値 - 増加/減少の値。
- Animate - 値の変化のアニメーション時間
Modify Flag
You can modify the flag state of a widget.
- Object - The target object
- Flags - The defined flag to be changed
- Action - The action to be used
- Add - Add a flag
- Remove - Remove a flag
- Toggle - Use a flag from another state
ウィジェットのフラグ状態を変更できます。
- Object - ターゲット オブジェクト
- Flags - 変更する定義済みフラグ
- アクション - 使用するアクション
- 追加 - フラグを追加します
- 削除 - フラグを削除します
- トグル - 別の州の旗を使用する
Play Animation
You can play the animations created in the Animation Panel.
- Animation - The selected animation
- Target - Target widget you would like to use the animation on
- Delay - The delay time of the animation
アニメーション パネルで作成したアニメーションを再生できます。
- アニメーション - 選択したアニメーション
- ターゲット - アニメーションを使用するターゲット ウィジェット
- Delay - アニメーションの遅延時間
Set Opacity
The opacity of the selected widget.
- Target - The target widget.
- Value - The value of opacity.
選択したウィジェットの不透明度。
- ターゲット - ターゲット ウィジェット。
- Value - 不透明度の値。
Set Flag
Set the value for the flag state of the widget.
- Object - The target object.
- Flag - The flag to be used.
- Value - The value of the flag state.
ウィジェットのフラグ状態の値を設定します。
- オブジェクト - ターゲット オブジェクト。
- Flag - 使用するフラグ。
- Value - フラグ状態の値。
Set Property
Change the property value of the widget.
- Target - The target object.
- Property - The parameter to be changed.
- Value - The value of the property.
ウィジェットのプロパティ値を変更します。
- ターゲット - ターゲット オブジェクト。
- プロパティ - 変更するパラメータ。
- 値 - プロパティの値。
Set text value from arc
Display the Arc Widget value on a Label Widget by using this action.
- Target - The Label widget to display the value on
- Source - The Arc widget value to be displayed
- Prefix - The text before the value on the Label widget
- Postfix - The text after the value on the Label widget
このアクションを使用して、ラベル ウィジェットにアーク ウィジェットの値を表示します。
- Target - 値を表示するラベル ウィジェット
- Source - 表示される Arc ウィジェットの値
- プレフィックス - ラベル ウィジェットの値の前のテキスト
- Postfix - ラベル ウィジェットの値の後のテキスト
Set text value from slider
Display the Slider Widget value on a Label Widget by using this action.
- Target - The Label widget to display the value on
- Source - The Slider widget value to be displayed
- Prefix - The text before the value on the Label widget
- Postfix - The text after the value on the Label widget
このアクションを使用して、ラベル ウィジェットにスライダー ウィジェットの値を表示します。
- Target - 値を表示するラベル ウィジェット
- Source - 表示される Slider ウィジェットの値
- プレフィックス - ラベル ウィジェットの値の前のテキスト
- Postfix - ラベル ウィジェットの値の後のテキスト
Set text value when checked
Change the text of a Label Widget depending on the checked or unchecked state of the target object.
- Target - The Label widget to display the text on
- Source - The state of the target widget
- On text - The text in checked state
- Of text - The text in unchecked state
ターゲット オブジェクトのチェックまたは非チェック状態に応じて、ラベル ウィジェットのテキストを変更します。
- Target - テキストを表示するラベル ウィジェット
- ソース - ターゲット ウィジェットの状態
- テキスト上 - チェックされた状態のテキスト
- Of text - チェックされていない状態のテキスト