1. 鼠標(biāo)移入移出(OnMouseEnter/OnMouseOut)在先前初級(jí)交互設(shè)計(jì)(Basic Interaction)一章中，介紹多種Axure RP支持的人機(jī)介面交互效果。這里我們要介紹其中兩個(gè)常見的觸發(fā)事件(Event)：
OnMouseEnter – 鼠標(biāo)的指針移動(dòng)到對(duì)象之上
OnMouseOut – 鼠標(biāo)的指針移動(dòng)出對(duì)象之外
有許多Widget可以使用OnMouseEnter 和 OnMouseOut觸發(fā)事件，當(dāng)鼠標(biāo)移到Widget上時(shí)會(huì)觸發(fā)OnMouseEnter事件，OnMouseOut事件則發(fā)生在鼠標(biāo)離開Widget時(shí)被觸發(fā)。
最常見的運(yùn)用方式，則是合并Dynamic Panel來控制比較復(fù)雜的功能時(shí)，例如：浮動(dòng)選單、滑過特效和自訂tooltips等。
變換圖像(Rollover Image)
想要建立變換影像的話，請(qǐng)?jiān)贗mage Widget上按右鍵，選擇「Edit Image->Import Rollover Image」，然后選擇一個(gè)影像當(dāng)作變換影像，一旦影像選定后，您可以在Wireframe中，利用鼠標(biāo)滑過影像上的黑白色方塊來預(yù)覽變換影像。
想要建立變換樣式的話，請(qǐng)?jiān)赗ectangle / Placeholder / Button Shape上按右鍵，選擇「Edit Edit Button Shape->Edit Rollover Style」。
此時(shí)會(huì)開啟「Set Rollover Style」對(duì)話框，您可以在這里選擇變換樣式，勾選「Preview」復(fù)選框來預(yù)覽設(shè)定在Button Shape的變換樣式。
字型 Font
字體大小 Font Size
粗體 Bold
斜體 Italic
底線 Underline
文字顏色 Font Color
填色 Fill Color
線條顏色 Line Color
線寬 Line Width
線條樣式 Line Style
套用了變換樣式之后，您可以選擇 Preview提早預(yù)覽效果。也可以在Wireframe中，利用鼠標(biāo)滑過Widget左上角的黑白色方塊來預(yù)覽變換狀態(tài)。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。