「App:Library:Squareline:docs:tutorials:use event」の版間の差分

提供: robot-jp wiki
ナビゲーションに移動検索に移動
(ページの作成:「= = == == {| class="wikitable" !原文 !訳 |- | | |} == == {| class="wikitable" !原文 !訳 |- | | |} == == {| class="wikitable" !原文 !訳 |- | | |} == ==…」)
 
 
(同じ利用者による、間の1版が非表示)
1行目: 1行目:
= =
+
= Tutorial 4 - Add events =
==  ==
 
 
{| class="wikitable"
 
{| class="wikitable"
 
!原文
 
!原文
 
!訳
 
!訳
 
|-
 
|-
|
+
|You can add events to the widgets to make your project interactive.
|
+
|ウィジェットにイベントを追加して、プロジェクトをインタラクティブにすることができます。
 
|}
 
|}
  
  
== ==
+
== 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.
{| class="wikitable"
+
|'''<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>''' ボタンをクリックしてテストできます。
{| class="wikitable"
 
!原文
 
!訳
 
|-
 
|
 
|
 
|}
 
  
 +
* 2 番目の画面のボタンを選択し、'''Change Screen''' アクションを追加します。 次に、Screen to ドロップダウン メニューで最初の画面を選択します。
  
==  ==
+
'''PLAY''' ボタンをクリックして結果をテストできます。 ボタンをクリックすることで、画面を切り替えることができます。
{| class="wikitable"
 
!原文
 
!訳
 
|-
 
|
 
|
 
 
|}
 
|}
  

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