欧美日韩国产一区二区三区不,日本熟女,欧美日韩精品专区在线

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

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

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

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

相關(guān)鏈接：

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

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

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

1、OnMouseEnter和OnMouseOut事件

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

QQ截圖20191218092222.png

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

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

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

圖片翻轉(zhuǎn)

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

按鈕樣式翻轉(zhuǎn)

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

QQ截圖20191218092446.png