快速原型設(shè)計(jì)工具Axure RP高級(jí)交互設(shè)計(jì)教程（二）：鼠標(biāo)移動(dòng)事件和實(shí)現(xiàn)翻轉(zhuǎn)效果的方法

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

免費(fèi)下載Axure RP  優(yōu)惠購買Axure RP

本文主要介紹在Axure RP中鼠標(biāo)移動(dòng)產(chǎn)生的OnMouseEnter和OnMouseOut事件、實(shí)現(xiàn)圖片翻轉(zhuǎn)和按鈕樣式翻轉(zhuǎn)的方法。

1、OnMouseEnter和OnMouseOut事件

在文本類控件、按鈕類控件、超級(jí)鏈接控件中有OnMouseEnter和OnMouseOut事件。OnMouseEnter事件是當(dāng)鼠標(biāo)移入到一個(gè)控件上時(shí)發(fā)生，OnMouseOut事件是當(dāng)鼠標(biāo)移出控件外時(shí)發(fā)生。

OnMouseEnter和OnMouseOut事件常常和動(dòng)態(tài)面板一起使用，在原型中實(shí)現(xiàn)如菜單彈出、狀態(tài)翻轉(zhuǎn)、自定義提示等功能。

2. 圖片翻轉(zhuǎn)和按鈕樣式翻轉(zhuǎn)

不使用OnMouseEnter、OnMouseOut和動(dòng)態(tài)面板，也可實(shí)現(xiàn)圖片翻轉(zhuǎn)、按鈕樣式翻轉(zhuǎn)。

• 圖片翻轉(zhuǎn) 

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

• 按鈕樣式翻轉(zhuǎn)

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

想要獲得Axure RP更多資源、正版授權(quán)的伙伴，請(qǐng)咨詢【慧都客服】了解

12月，慶圣誕、迎元旦，上“慧都網(wǎng)”小程序簽到兌商城通用抵價(jià)券>>>   軟件商城專屬優(yōu)惠價(jià)，領(lǐng)優(yōu)惠券再享折上折>>>