日韩午夜片,东京热中文,国产欧美精品

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

翻譯|使用教程|編輯：陳津勇|2019-12-18 09:33:22.663|閱讀 526 次

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

相關(guā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事件

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

QQ截圖20191218092222.png

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對話框中可以修改翻轉(zhuǎn)的樣式。應(yīng)用樣式后，在線框圖中用鼠標(biāo)移入到線框圖中按鈕左上角的“黑白”小方框上進(jìn)行效果預(yù)覽。

QQ截圖20191218092446.png