知識ベース

UIアップデート 

新しいコンテンツを UI に渡し、更新します。

識別子: ui_update

元素

• widget_params: 定義済みのパラメーターを使用する代わりに、変更する必要がある UI 要素を参照します。
  • 必須: はい
  • 既定値: 空

widget_paramsの内容

•  widget_paramsはui_elementのリスト です。
  • ui_element: 変更する必要があるパラメーターが含まれます。
  • name: ui_element の属性で、更新する UI 要素への参照です。

例

<ui_update id="show_specified_amount">
   <widget_params>
      <ui_element name="EXT_SCANNER_NAME">
         <param name="content">Socket 7Xi</param><
      /ui_element>
      <ui_element name="STATUS"><
         param name="content">CONNECTED</param><
         param name="text_color">green.dark</param><
      /ui_element>
   </widget_params>
</ui_update>

ボタンステータスの変更

ボタンのステータスを変更します。これは、ボタンをアクティブ化または非アクティブ化するために使用されます。

識別子: change_button_status

元素

• button_tag: レイアウト内のボタンの名前。この「名前」は大文字にする必要があります。
  • 必須: はい
  • 既定値: 空

• control: ステータスを「ACTIVATE」または「DEACTIVATE」に設定します。

例

<change_button_status id="deactivate_continue_btn">
    <button_tag>CONTINUE_BTN</button_tag>
    <control>DEACTIVATE</control><
/change_button_status>

通知

アプリケーションの側面に一時的な通知を表示します。ワークフローには影響しません。

識別子: ui_notification

属性

• type: 通知の視覚化を定義します。可能な値: INFO、NOTIFICATION、WARN、および ERROR。
  • 必須: いいえ
  • 既定値： 情報
• duration: 通知が消えるまでの時間。可能な値: SHORT (3 秒)、および LONG (10 秒)。
  • 必須: いいえ
  • デフォルト値: SHORT
• show_immediately: 通知をすぐに表示します。
  • 必須: いいえ
  • 既定値: False

元素

• message: 表示する内容
  • 必須: いいえ
  • デフォルト値: 空の文字列

例

<ui_notification id="error_note" type="ERROR" duration="LONG" show_immediately="true">
   <message>No server connection established!</message>
</ui_notification>

] ダイアログ

ユーザーとの対話を必要とするダイアログウィンドウを表示します。特定の呼び出しステップでユーザーがクリックしたボタンなどのイベントを送信します。

識別子: ui_dialog

属性

• type: ダイアログの視覚化を定義します。使用可能な値: INFO、INTERMEDIATEPROGRESS、PROGRESS、QUESTION、NOTIFICATION、WARN、ERROR、および FATAL。
  • 必須: いいえ
  • デフォルト値: INFO
• title: ダイアログの短い名前。
  • 必須: いいえ
  • 既定値: 空の文字列
• message: 表示するコンテンツ。
  • 必須: いいえ
  • 既定値: 空の文字列
• close_command: 入力イベントがトリガーされるたびにダイアログが閉じます。
  • 必須: いいえ
  • 既定値: なし

元素

• buttons: ユーザーがクリックできるボタンのリストが含まれます。最大 3 つのボタンを定義できます。最小値は 1 つのボタンです。
• 必須: はい
• 既定値: 空

ボタン

• text: ボタンのラベル テキスト。
  • 必須: はい
  • 既定値: 空
• command: ボタンが押されたときにトリガーされるイベントコマンド。
  • 必須: はい
  • 既定値: 空
• speech_command: このボタンをアクティブにする音声コマンド。
  • 必須: いいえ
  • 既定値: 空
• focused: 1 つのボタンを事前に選択するように設定します。
  • 必須: いいえ
  • 既定値： 偽
• sound: 使用可能なサウンドについては、「PlaySound アクション」を参照してください。
  • 必須: いいえ
  • 既定値: 空

アウトプット

ボタンがクリックされたとき (または音声コマンドが認識されたとき) に、ボタン内で指定されたコマンドを含むイベントをトリガーします。

例

<ui_dialog id="test" type="INFO" title="私のタイトル" message="私のメッセージ">
    <buttons>
        <button text="新しい注文" command="NEW_ORDER" speech_command="ノイエオーダー" focused="true"/>
        <button text="同じ注文" command="SAME_ORDER"/>
     </buttons><
/ui_dialog>

ページダイアログ

ユーザーの操作を必要とするダイアログ画面を表示します。ウィンドウが閉じられた後に発生するダイアログ イベントを送信します。

識別子: ui_page_dialog

属性

• type: 通知の視覚化を定義します。
• 設定可能な値: INFO、INTERMEDIATEPROGRESS、PROGRESS、QUESTION、NOTIFICATION、WARN、ERROR、FATAL
  • 必須: はい
  • 既定値: 空
• title: ダイアログの短い名前。
• 設定可能な値: Android リソースへの参照または文字列を指定できます。
  • 必須: いいえ
  • 既定値: 空

元素

• messages: ダイアログに表示されるメッセージのリストが含まれます。コンテキスト変数またはメッセージのリストを参照できます。コンテキスト変数を参照する場合、属性 context_variable はブール値の true に設定されます。
  • 必須: はい
  • 既定値: 空

• buttons: これには、ユーザーがクリックできる 3 つのボタンのリストが含まれています。

ボタン

ユーザーがクリックできるボタンは 3 つあります。

• previous_page_btn
• next_page_btn
• close_btn

• speech_command: このボタンをトリガーする音声コマンド。
  • 必須: いいえ
  • 既定値: 空
• focused: 1 つのボタンを事前に選択するように設定します。
  • 必須: いいえ
  • 既定値: False
• text: ボタンのラベル テキスト。
  • 必須: はい
  • デフォルト値: 空
• command: ボタンが押されたときにトリガーされるイベントコマンド。これはclose_btnでのみ 使用できます。

アウトプット

ボタンがクリックされたとき (またはその音声コマンドが認識されたとき) に、ボタン内に指定されたコマンドを含むイベントをトリガーします。

例

極小

<ui_page_dialog id="show-server-errors-dialog" type="ERROR" title="プロシージャが失敗しました">
   <messages>
      <message>最初のエラー...</message>
      <message>Second エラー...</message>
      <message>3 番目のエラー...</message><
   /messages>
   <buttons>
      <previous_page_btn><
         param name="text">←</param>
         <param name="speech_command">PREVIOUS</param>
      </previous_page_btn>
      <next_page_btn><
         param name="text">→</param>
         <param name="speech_command">NEXT</param>
         <param name="focused">true</param><
      /next_page_btn>
      <close_btn><
         param name="text">ANDRRES_cancel</param>
         <param name="command">EXIT_PAGER</param>
         <param name="speech_command">CANCEL</param>
      </close_btn>
   </buttons><
/ui_page_dialog>

すべてのオプション

<ui_page_dialog id="confirm_pick" type="INFO" title="Here we go again">
   <messages>
      <message>what</message><
      message>to</message><
      message>do</message><
   /messages><
   buttons><previous_page_btn>
      <
         text><![CDATA[<]]></text>
         <speech_command>PREVIOUS</speech_command><
         focused>false</focused>
      </previous_page_btn>
      <next_page_btn><
         text><![CDATA[>]]></text>
         <speech_command>NEXT</speech_command>
         <focused>true</focused><
      /next_page_btn>
      <close_btn>
         <text>return</text>
         <command>BW</command><speech_command>
         RETURN</speech_command>
         <focused>false</focused><
      /close_btn>
   </buttons><
/ui_page_dialog>

context_variable = true の使用

<ui_page_dialog id="confirm_what_to_do" type="INFO" title="Here we go again">
   <messages context_variable="true">#{what_to_do}</messages>
   <buttons><previous_page_btn>
      
         <text><!

[CDATA[<]]></textです> <speech_command>前へ</speech_command> <focused>false</focused> </previous_page_btn> <next_page_btn> <テキスト><![CDATA[>]]></textです> <speech_command>次へ</speech_command> <focused>false</focused> </next_page_btn> <close_btn> <text>ANDRRES_cancel</テキスト> <command>BW</コマンド> <speech_command>返却</speech_command> <focused>false</focused> </close_btn> </ボタン> </ui_page_dialog>

結果の処理

<ルールid="confirm_what_to_do_back">
   <expression> <![CDATA[#{event:command} == 'BW' || #{event:command} == 'RETURN']]> </expression>
   <actions>
      <action ref="backwards"></action><
   /actions><
/rule>

進捗通知

画面の右上隅にある中間の中断のない通知を開いたり閉じたりします。これにより、バックグラウンドで何かが起こっているかどうかをワーカーに知らせることができます。

推奨される使用例:

• ワーカーは、通信が実行されるまで待つ必要があります。
• 同期 ネットワーク通信を 待機しています(ファイルのダウンロードまたはアップロード、またはバックエンドへのデータの確認)。

識別子: ui_progress_notification

属性

• id: 表示された通知への参照で、「閉じる」アクションを処理するために必要です。
• 設定可能な値: underscore_separated_string
  • 必須: はい
  • デフォルト値: 設定必須で、デフォルト値はありません。

• title: タイトルバーに表示されるテキスト
• 設定可能な値: オプションのタイトル (wf 変数は解決されます)
  • 必須: はい
  • 既定値: 空

• message: メッセージ・スペースに表示されるテキスト
• 設定可能な値: 通知メッセージ (wf 変数は解決されます)
  • 必須: はい
  • デフォルト値: 設定必須で、デフォルト値はありません。

• action: コマンドまたはコマンドのリストを実行します。
• 設定可能な値: 表示と閉じる
  • 必須: はい
  • デフォルト値: 設定必須で、デフォルト値はありません。

例

極小

通知を開くには:

<ui_progress_notification id="show_progress">
    <param name="id">group_confirmation</param>
    <param name="message">Bestätige Schritt</param>
    <param name="action">show</param><
/ui_progress_notification>

通知を再度閉じるには、次の操作を行います。

<ui_progress_notification id="close_progress">
    <param name="id">group_confirmation</param>
    <param name="action">close</param>
</ui_progress_notification>

すべてのオプション

<ui_progress_notification id="show_progress">
  <param name="id">group_confirmation</param>
  <param name="title">CommitProcess</param><
  param name="message">PickGroupの確認</param>
  <param name="action">show</param><
/ui_progress_notification>
<ui_progress_notification id="close_progress">
    <param name="id">group_confirmation</param><
    param name="action">close</param><
/ui_progress_notificatio

スタイルリポジトリの変更

レイアウト内の新しいスタイルを作成したり、既存のスタイルを変更したりできます。

推奨される使用例:

• リスト項目を同じテキストサイズにする

識別子: modify_style_repo

属性

• style_name: 作成されたスタイルの Target-Name

• 設定可能な値: Underscore_separated_string
  • 必須: はい
  • デフォルト値: 設定必須で、デフォルト値はありません。

• base_on: 既存のスタイルの名前の場合、新しいスタイルはその属性を継承します。
• 設定可能な値: underscore_separated_string
  • 必須: いいえ
  • デフォルト値: オプション、デフォルト値なし

• オーバーライド： 以前に作成したスタイルのプロパティをオーバーライドします。
• 設定可能な値: True、false
  • 必須: いいえ
  • 既定値: False

元素

• properties: これらは、ユーザー インターフェイスの属性です。
  • 必須: はい
  • デフォルト値: 設定必須で、デフォルト値はありません。

例

極小

<modify_style_repo id="change_exception_style" style_name="list_item_style_same_size"><
    properties>
        <param name="text_group" type="string">#{test_group}</param><
    /properties><
/modify_style_repo>

UI レイアウト要素の参照スタイル:

<リスト名="SELF_MENU_TABLE_MENU" Weight =" 0.75" FocusOrder =" 0" 
      TextStyle =" LIST_ITEM_STYLE_SAME_SIZE" 
      PageIndicatorStyle =" PAGE_INDICATOR_STYLE" EntriesPerPage =" 5" Border =" 0,gray.dark,black" Padding =" 10,0,10,0"/>

生成：