「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.
  • 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 PLAY 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.

Tutorial 2 または Tutorial 3 で作成したプロジェクトを読み込みます。
  • 最初の画面でボタン 1 を選択します。 Inspector Panel の ADD EVENT ボタンをクリックして、イベントをボタンに追加します。
  • [アクション名] ドロップダウン メニューで [画面の変更] アクションを選択し、[アクションの追加] ボタンをクリックします。
  • [次の画面へ] ドロップダウン メニューで 2 番目の画面を選択します。

これでボタンにイベントが作成されました。 PLAY ボタンをクリックしてテストできます。

  • 2 番目の画面のボタンを選択し、Change Screen アクションを追加します。 次に、Screen to ドロップダウン メニューで最初の画面を選択します。

PLAY ボタンをクリックして結果をテストできます。 ボタンをクリックすることで、画面を切り替えることができます。





戻る : Previous