快速原型設計工具Axure RP高級交互設計教程（二）：鼠標移動事件和實現翻轉效果的方法

Axure RP是一套專門為網站或應用程序所設計的快速原型設計工具， 可以讓應用網站策劃人員或網站功能界面設計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規格，現已成為設計Web APP的重要工具。

免費下載Axure RP  優惠購買Axure RP

本文主要介紹在Axure RP中鼠標移動產生的OnMouseEnter和OnMouseOut事件、實現圖片翻轉和按鈕樣式翻轉的方法。

1、OnMouseEnter和OnMouseOut事件

在文本類控件、按鈕類控件、超級鏈接控件中有OnMouseEnter和OnMouseOut事件。OnMouseEnter事件是當鼠標移入到一個控件上時發生，OnMouseOut事件是當鼠標移出控件外時發生。

OnMouseEnter和OnMouseOut事件常常和動態面板一起使用，在原型中實現如菜單彈出、狀態翻轉、自定義提示等功能。

2. 圖片翻轉和按鈕樣式翻轉

不使用OnMouseEnter、OnMouseOut和動態面板，也可實現圖片翻轉、按鈕樣式翻轉。

• 圖片翻轉 

將image控件拖到線框圖中，右鍵菜單選擇“Edit Image->Import Rollover Image”，然后選擇一張翻轉圖。用鼠標移入到線框圖中圖片上的“黑白”小方框上進行效果預覽。

• 按鈕樣式翻轉

將Rectangle控件拖到線框圖中，右鍵菜單選擇“Edit Button Shape->Edit Rollover Style”，在Set Rollover Style對話框中可以修改翻轉的樣式。應用樣式后，在線框圖中用鼠標移入到線框圖中按鈕左上角的“黑白”小方框上進行效果預覽。

想要獲得Axure RP更多資源、正版授權的伙伴，請了解

12月，慶圣誕、迎元旦，上“慧都網”小程序簽到兌商城通用抵價券>>>   軟件商城專屬優惠價，領優惠券再享折上折>>>