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