Show Menu
トピック×

ジェスチャーのカスタマイズ

AEM Formsアプリケーションのジェスチャーをカスタマイズして、アプリケーションと対話する独自の方法を提供できます。 例えば、新しいジェスチャーを追加して、ジェスチャーまたはスタートポイントを開いたり閉じたりするタスクを追加できます。

AEM Forms アプリケーションのジェスチャーをカスタマイズするには

AEM Forms アプリケーションで、左スワイプは新しいタスクまたは Startpoint を開き、右スワイプは何もしません。次の例は、AEM Formsアプリケーションで右スワイプジェスチャーを実行したときに新しいタスクまたはStartpointを開く手順を示しています。
  1. プロジェクトを開きます。
    • For iOS, open Capture.xcodeproj in Xcode
    • Android の場合、Eclipse で Android プロジェクトを開きます。
    • For Windows, open MWSWindows.sln in Visual Studio.
  2. Navigate to the views folder and open the task.js file for editing.
    • In Xcode, navigate to the Capture > www > wsmobile > js > runtime > views folder.
    • In Eclipse, navigate to the assets > www > wsmobile > js > runtime > views folder.
    • In Visual Studio, navigate to the MWSWindows > www > wsmobile > js > runtime > views folder.
    task.js ファイルには、タスクリストまたは Startpoint リストに表示されている各タスクまたは Startpoint に関連付けられた Backbone ビューが含まれています。
  3. In the task.js file, search for the events property of the view.
    イベントプロパティは、次の形式の各エントリを持つマップです。
    "EventName Selector": "Function"
    When you trigger a Javascript event named EventName on an HTML element specified by Selector , the Function is called.
  4. 検索
    • "tap .taskContentArea" :"onTaskClick",
      "tap .taskOpenArea" :"onTaskClick",
      "tap .タスク-content" :"onTaskClick",
      "tap .last_empty_div" :"onTaskClick", これを
    • "swipe .taskContentArea" :"onTaskClick",
      "swipe .taskOpenArea" :"onTaskClick",
      "swipe .タスクコンテンツ":"onTaskClick",
      "swipe .last_empty_div" :"onTaskClick",
  5. Save and close the task.js file.
  6. AEM Forms アプリケーションをビルドし実行します。これで、左スワイプと右スワイプを使用してタスクを開くことができます。
同様に、さまざまな組み合わせのジェスチャー、HTML 要素、および関数に対して、他のビューで変更を行うことができます。