アクティビティブラウザの使用

Activity Browser を使用して、アクティビティとアクティビティホストを作成および検査し、アクティビティのアクティベーションをシミュレートします。Activity Browser は、アプリケーション内のアクティビティのすべての可能なUI状態を表示します。

アクティビティまたはアクティビティホストで利用可能なコマンドにアクセスするには、そのアイテムを右クリックします。

../../_images/activity-browser-copy-activation-path.png

Activity Browser ウィンドウでパンおよびズームするには:

アクション

ショートカット

パン

  • マウスの中央ボタンをクリックしてドラッグします。

  • Space キーを押し、左マウスボタンをクリックしてドラッグします。

ズーム

  • マウスホイールを回します。

  • Shift キーと Alt キーを押し、左マウスボタンをクリックしてドラッグします。

アクティビティのアクティベーションをシミュレートする

Activity Browser では、アクティビティのアクティベーションをシミュレートできます。

  • アクティビティのアクティベーションをシミュレートするには、アクティベートしたいアクティビティで、アクティベート をクリックします。

    Activity Browser では、アクティブなアクティビティは activity-active でマークされ、その境界線は青色です。

    Preview を再起動すると、アクティビティのアクティベーション状態がリセットされます。

    ../../_images/ab-activate-manually.gif
  • アクティビティホストのコントローラープロパティを通じて制御するアクティビティのアクティベーションをシミュレートするには、サイドパネルでそのアクティビティに割り当てた値にコントローラープロパティを設定します。

    Activity Browser でコントローラープロパティの値を設定すると、このプロパティのランタイム値が変更されます。Preview またはアプリケーションを再起動すると、アクティビティホストは Properties またはトリガーとアクションで設定したコントローラープロパティの値を読み取ります。

    チュートリアルを完了して、コントローラープロパティを使用してアクティビティを制御する方法を学びます。チュートリアル: アプリケーションUIの構造 を参照してください。

    ../../_images/eah-controller-property-activated.gif
  • Data-Driven Exclusive Activity Host でアクティビティのアクティベーションをシミュレートするには、サイドパネルで Active Activity Index プロパティの値を作成したいリストデータオブジェクト内のアイテムのインデックスに設定します。

    Activity Browser で Active Activity Index プロパティの値を設定すると、このプロパティのランタイム値が変更されます。Preview またはアプリケーションを再起動すると、データ駆動型エクスクルーシブアクティビティホストは、Properties またはトリガーとアクションで設定した Active Activity Index プロパティの値を読み取ります。

    チュートリアルを完了して、Data-Driven Exclusive Activity Host の使用方法を学びます。チュートリアル: データソースからUIを生成する を参照してください。

    ../../_images/ab-activityitemindex.png ../../_images/ddeah-activeitemindex.gif

データトリガーの適用をシミュレーションする

Data Triggers を使用する場合、データトリガーの適用をシミュレートし、データトリガーとそのデータトリガーがアクティブにするアクティビティ間の接続を表示できます。

Activity Browser は、アクティビティまたはアクティビティホストがデータトリガーを持っていることを示し、data-trigger アイコンが付いています。

データトリガーを使用するには、データトリガーを持つアクティビティまたはアクティビティホストを選択し、サイドパネルで次のツールを使用します。

ツール

ディスクリプション (Description)

../../_images/show-data-trigger-icon.png

Data Trigger がどこにあるか、そしてその Data Trigger のソースとターゲットのアクティビティがどこにあるかを示します。

../../_images/apply-data-trigger-icon.png

Data Trigger を適用したときの状態をシミュレートします。

これにより、アプリケーション内のプロパティ値を変更することなく、データトリガーの条件が満たされたときにアプリケーションの状態を確認することができます。

../../_images/data-trigger-node-components-icon.png

選択された Data Trigger を Node Components ウィンドウに表示します。

../../_images/ab-helpers.png

Data Triggers を使用する方法を学ぶには、チュートリアルを完了してください。チュートリアル: アプリケーションUIを制御する を参照してください。

ノードの順序を変更する

アクティビティまたはアクティビティホストの順序を Activity Browser で変更するには、自動レイアウトツール オートレイアウト を有効にし、アイテムを目的の位置にドラッグします。順序の変更が可能な場合、Activity Browser は新しい位置にプレースホルダを表示します。

同じタイプのノードの順序のみを変更できることに注意してください。

../../_images/ab-reordering.gif

ノードの親の変更

Activity Browser でアクティビティまたはアクティビティホストの親を変更するには、自動レイアウトツール オートレイアウト を有効にし、アイテムを新しい親にドラッグします。

アクティビティは他のアクティビティの親になることはできないことに注意してください。

../../_images/ab-reparenting.gif

アクティビティとアクティビティホストの表示

Activity Browser には、コンテンツを整理して表示するための次のツールがあります。

ツール

ディスクリプション (Description)

オートレイアウト

Activity Browser キャンバス上にアイテムを自動的に配置し、ノードの親と順序を変更できるようにします。

自動レイアウトをオフにすると、Activity Browser キャンバス上でアクティビティとアクティビティホストをドラッグして整理することができます。

../../_images/auto-layout1.gif

画面にフィット

アクティビティツリーを Activity Browser ウィンドウのサイズに合わせます。

../../_images/ab-fit-to-screen.gif

関連項目

チュートリアル: アプリケーションUIの構造

チュートリアル: データソースからUIを生成する

チュートリアル: アプリケーションUIを制御する