「App:Library:Squareline:docs:tutorials:use event」の版間の差分
提供: robot-jp wiki
ナビゲーションに移動検索に移動4行目: | 4行目: | ||
!訳 | !訳 | ||
|- | |- | ||
− | | | + | |You can add events to the widgets to make your project interactive. |
− | | | + | |ウィジェットにイベントを追加して、プロジェクトをインタラクティブにすることができます。 |
|} | |} | ||
11行目: | 11行目: | ||
== Add an event == | == Add an event == | ||
{| class="wikitable" | {| class="wikitable" | ||
− | | | + | |Load the project you have created in '''<u>[[App:Library:Squareline:docs:docs:tutorials:new app|Tutorial 2]]</u>''' or in '''<u>[[App:Library:Squareline:docs:tutorials:use style|Tutorial 3]]</u>'''. |
− | | | + | |
+ | * Select '''Button 1''' on the first screen. Click on the '''ADD EVENT''' button on the Inspector Panel to add an event to the button. | ||
+ | * In the '''Action name''' drop-down menu choose '''Change Screen''' action then click on the '''ADD ACTION''' button. | ||
+ | * Select the second screen in the ''Screen to'' drop-down menu. | ||
+ | |||
+ | Now the event has been created to the button. You can test it by clicking on '''<u>[[App:Library:Squareline:docs:layout#Edit Header|PLAY]]</u>''' button. | ||
+ | |||
+ | * Choose the button on the second screen and add '''Change Screen''' action to it. Then select the first screen in the ''Screen to'' drop-down menu. | ||
+ | |||
+ | You can test the result by clicking on the '''PLAY''' button. You can switch between the screens by clicking on the buttons. | ||
+ | |'''<u>[[App:Library:Squareline:docs:docs:tutorials:new app|Tutorial 2]]</u>''' または '''<u>[[App:Library:Squareline:docs:tutorials:use style|Tutorial 3]]</u>''' で作成したプロジェクトを読み込みます。 | ||
+ | |||
+ | * 最初の画面で'''ボタン 1''' を選択します。 Inspector Panel の '''ADD EVENT''' ボタンをクリックして、イベントをボタンに追加します。 | ||
+ | * ['''アクション名'''] ドロップダウン メニューで ['''画面の変更'''] アクションを選択し、['''アクションの追加'''] ボタンをクリックします。 | ||
+ | * [次の画面へ] ドロップダウン メニューで 2 番目の画面を選択します。 | ||
+ | |||
+ | これでボタンにイベントが作成されました。 '''<u>[[App:Library:Squareline:docs:layout#Edit Header|PLAY]]</u>''' ボタンをクリックしてテストできます。 | ||
+ | |||
+ | * 2 番目の画面のボタンを選択し、'''Change Screen''' アクションを追加します。 次に、Screen to ドロップダウン メニューで最初の画面を選択します。 | ||
+ | |||
+ | '''PLAY''' ボタンをクリックして結果をテストできます。 ボタンをクリックすることで、画面を切り替えることができます。 | ||
|} | |} | ||
2022年8月4日 (木) 12:27時点における最新版
Tutorial 4 - Add events
原文 | 訳 |
---|---|
You can add events to the widgets to make your project interactive. | ウィジェットにイベントを追加して、プロジェクトをインタラクティブにすることができます。 |
Add an event
Load the project you have created in Tutorial 2 or in Tutorial 3.
Now the event has been created to the button. You can test it by clicking on PLAY button.
You can test the result by clicking on the PLAY button. You can switch between the screens by clicking on the buttons. |
Tutorial 2 または Tutorial 3 で作成したプロジェクトを読み込みます。
これでボタンにイベントが作成されました。 PLAY ボタンをクリックしてテストできます。
PLAY ボタンをクリックして結果をテストできます。 ボタンをクリックすることで、画面を切り替えることができます。 |