AxureとiPhoneアプリプロトタイピング(V)

オリジナルリンク: http://www.cnblogs.com/james1207/p/3370812.html

プロトタイプiPhoneアプリケーションを設計する際に、必要性は、多くの場合、別の画面に一つの画面からスイッチをスライドアニメーション。使用Axure RPの設計、一つの画面には、イベントを設定することにより、パネルの状態にパネル内に動的に設計することができます。以下は、例により詳細に説明します。

最初のステップ:画像マッピングエリアを追加します

イメージマップ領域を追加

オープンAxureiPhoneApp.zip、内部iPhoneApp-StateChangeNavigationTutorial.rpファイルを開きます。
戻り矢印ボタンで、これらのボタンは、複数のコンポーネントで構成される、私たちは地域全体にインタラクティビティを追加する必要がありますされているので、イメージマップ領域上の[追加]ボタンを演奏。

ステップ2:最初の画面は、動的なパネルに切り替え

第一パネルは、表示が動的に切り替えられます

次に、我々はダイナミックパネルに組み込まれた画面を切り替える必要があります。
最初の画面のすべてのコンポーネントを選択し、右クリックして[変換]を選択>ダイナミックパネルへの変換。このパネルは、InterfacePanelマークされます。

ステップ3:追加「駅」状態

加えます

ダイナミックパネルマネージャパネルを右クリックし、パネルの二つの新しい状態を追加するために状態を追加]を選択します。
最初のステータスフラグが「ステーション」としてマークされた第二の状態を「演奏」です。

ステップ4:「ステーション」状態にコンポーネントを貼り付けます

コンポーネントへの貼り付け

ステーション成分をカットし、「ステーション」状態に貼り付けられ、リスト画面で選択されています。ペースト成分は、0,0位置に移動しました。

ステップ5:クリック時には、イメージマップ領域に追加しました

イメージマップ領域に追加のOnClick

「再生中」イメージマップ領域を選択して、イベントエディタを開くには、OnClickイベントをダブルクリックします。

ステップ6:ステータスが「再生中」にパネルを設定します

[設定]パネルに

InterfacePanelボックスが表示され、設定パネルのステータスイベントを追加します。「再生中」のステータスは、デフォルトの選択状態です。「左にスライド。」選択へのアニメーションとアニメーション
イベントエディタを閉じるには、[OK]をクリックします。

ステップ7:クリック時の追加、ステータスを「再生中」を開きます。

クリック時の追加

、「再生中」の状態に移動し、バックボタン画像マップ領域をチェックし、OnClickイベントエディタを開くにはダブルクリックします。

第八段階:「駅」に設定パネルの状態

設定パネルのステータスイベントを選択し、InterfacePanelボックスを参照してください。アニメーションとアニメーションに「右のスライド」を選択し、ドロップダウンリストから「駅」の状態を選択します。"OK" をクリックします。

テスト:作成したら、デスクトップに生成するか、iPhone上で表示することによってテストすることができます。

>>この記事Axure iPhoneアプリのテンプレートをダウンロードhttp://image.evget.com//images/article/FileDownload/AxureiPhoneApp.zip

>>ダウンロードプロトタイピングツールAxure RPのはhttp:// *** /製品/ 2978 /ダウンロード

 

ます。https://www.cnblogs.com/james1207/p/3370812.htmlで再現

おすすめ

転載: blog.csdn.net/weixin_30650039/article/details/94984342