![[agilenet-logo]](http://www.nttdata-agilenet.com/product/axure/images/agilelogo-122x70.png)
はじめに
- レクチャー1：
Axure RP Proの概要 - レクチャー2：
アノテーション付きワイヤフレーム - レクチャー3：
基本インタラクション - レクチャー4：
マスタ - レクチャー5：
HTMLプロトタイプ - レクチャー6：
機能仕様書
フロー図
リッチインタラクション
- レクチャー1：
ダイナミックパネル - レクチャー2：
OnMouseEnter、OnMouseOut、およびロールオーバー効果 - レクチャー3：
メニュー - レクチャー4：
アドバンスインタラクションエディタ - レクチャー5：
特定のウィジェット、画像、メニューの書式
豊富な機能
- レクチャー1：
条件ロジック - レクチャー2：
OnChangeイベント - レクチャー3：
OnKeyUpイベント - レクチャー4：
OnFocusとOnLostFocusイベント - レクチャー5：
変数 - レクチャー6：
OnPageLoadイベント
マスタの有効利用
共同作業
リッチインタラクション - レクチャー 2:OnMouseEnter、OnMouseOut、およびロールオーバー効果
1.OnMouseEnterとOnMouseOutイベント
OnMouseEnterとOnMouseOutイベントは、テキストパネル、ハイパーリンクおよびボタンウィジェットで使用できます。 OnMouseEnterイベントは、マウスがウィジェットの上に移動したときに発生し、OnMouseOutイベントはマウスがウィジェットの上から移動したときに発生します。
OnMouseEnterとOnMouseOutイベントは、階層メニュー、ロールオーバー効果およびカスタムツールチップなどの機能のプロトタイプを作成するために、ダイナミックパネルとの組み合わせでよく使用されます。
2.画像のロールオーバー効果とボタンウィジェットの書式に対するロールオーバー効果
画像のロールオーバー効果とボタンウィジェットの書式に対するロールオーバー効果については、OnMouseEnter、OnMouseOut、およびダイナミックパネルを使用しなくても、作成することができます。
画像のロールオーバ効果
画像のロールオーバー効果を作成するには、画像ウィジェットを右クリックして、「画像の編集」-「ロールオーバー時の画像のインポート」を選択します。それから、ロールオーバー時の画像として使用する画像を選択します。画像を選択したら、画像の白黒ボックスにマウスを合わせることで、ワイヤフレームの中のロールオーバー画像をプレビューできます。
ボタンウィジェットの書式に対するロールオーバー効果
ボタンウィジェットの書式に対してロールオーバー効果を設定するには、ボタンウィジェットを右クリックして「ボタンウィジェットの編集」-「ロールオーバー時の設定」を選択します。
すると、「ロールオーバー時の設定」ダイアログが開いて、ロールオーバー時に変化させる内容を選択できます。「プレビュー」をチェックすると、ボタンウィジェットに適用されたロールオーバー時の書式をプレビューできます。
ロールオーバー時の設定を適用すると、ウィジェットの左上角にある白黒の四角形にマウスを合わせることで、ワイヤフレームの中のロールオーバーの状態を表示できます。