Axure教程 axure新手入門基礎(chǔ)(3)

11 評(píng)論 404441 瀏覽 259 收藏 4 分鐘

(三)Axure rp元件的觸發(fā)事件

l? OnClick(點(diǎn)擊時(shí)): 鼠標(biāo)點(diǎn)擊事件,除了動(dòng)態(tài)面板的所有的其他元件的點(diǎn)擊時(shí)觸發(fā)。比如點(diǎn)擊按鈕。

l? OnMouseEnter(鼠標(biāo)移入時(shí)): 鼠標(biāo)進(jìn)入到某個(gè)元件范圍時(shí)觸發(fā),比如當(dāng)鼠標(biāo)移到某張圖片時(shí)顯示該圖片的介紹。

l? OnMouseOut(鼠標(biāo)移出時(shí)): 鼠標(biāo)離開某個(gè)元件范圍時(shí)觸發(fā)。比如鼠標(biāo)離開圖片時(shí),圖片介紹消失。

l? OnKeyUp(按鍵彈起時(shí)): 文本框(單行與多行)編輯時(shí),鍵盤按下某一個(gè)按鍵松開時(shí)觸發(fā),不支持其他axure元件。比如統(tǒng)計(jì)文本框輸入的字?jǐn)?shù)。

l? OnFocus(獲取焦點(diǎn)時(shí)): 當(dāng)一個(gè)元件通過點(diǎn)擊或切換獲取焦點(diǎn)時(shí)觸發(fā)。比如搜索框編輯時(shí),清空“請(qǐng)輸入關(guān)鍵字”的提示。

l? OnLostFocus(失去焦點(diǎn)時(shí)): 當(dāng)一個(gè)組件失去焦點(diǎn)時(shí)觸發(fā)。比如用戶名、密碼的驗(yàn)證。

l? OnChange(選中項(xiàng)改變時(shí)):下拉列表框或列表框的選中項(xiàng)改變時(shí)觸發(fā),不支持其他元件。比如選擇地址時(shí),選擇不同的省份,顯示對(duì)應(yīng)的省內(nèi)城市。

動(dòng)態(tài)面板專屬事件

l? OnMove(移動(dòng)時(shí)): 當(dāng)動(dòng)態(tài)面板移動(dòng)時(shí)觸發(fā)。是指通過其他事件的觸發(fā)控制面板移動(dòng)時(shí),比如當(dāng)進(jìn)度條移動(dòng)時(shí),進(jìn)度比例的變化。

l? The OnShow and OnHide events(顯示或隱藏時(shí)): 當(dāng)動(dòng)態(tài)面板隱藏或顯示時(shí)觸發(fā)。比如圖片顯示時(shí)按鈕文字是關(guān)閉圖片,圖片隱藏時(shí)按鈕文字變?yōu)榇蜷_圖片。

l? OnPanelStateChange(狀態(tài)改變時(shí)): 當(dāng)動(dòng)態(tài)面板更改面板的狀態(tài)時(shí)觸發(fā)。

比如通過改變動(dòng)態(tài)面板狀態(tài)實(shí)現(xiàn)的進(jìn)度條效果,當(dāng)狀態(tài)改變時(shí)改變相應(yīng)的進(jìn)度比例。

l? OnDragStart: Occurs when the drag begins(開始拖動(dòng)面板時(shí)):當(dāng)開始拖動(dòng)動(dòng)態(tài)面板時(shí)觸發(fā)。比如在動(dòng)態(tài)面板拖動(dòng)開始時(shí),顯示“拖動(dòng)開始”的文字提示。

l? OnDrag: Occurs as the panel is dragged(面板拖動(dòng)時(shí)):動(dòng)態(tài)面板拖動(dòng)時(shí)觸發(fā),比如拖動(dòng)一塊動(dòng)態(tài)面板另外一塊跟隨移動(dòng)。

l? OnDragDrop: Occurs when the panel is dropped(面板拖動(dòng)結(jié)束時(shí)): 當(dāng)拖拽結(jié)束時(shí)觸發(fā)。比如滑動(dòng)解鎖,面板拖動(dòng)結(jié)束時(shí)根據(jù)滑塊的位置設(shè)置相應(yīng)的效果。

本文作者:@小樓;轉(zhuǎn)載自:Axure原創(chuàng)教程網(wǎng)

新手入門基礎(chǔ)教程目錄

Axure教程 axure新手入門基礎(chǔ)(1)

Axure教程 axure新手入門基礎(chǔ)(2

Axure教程 axure新手入門基礎(chǔ)(3)

Axure教程 axure新手入門基礎(chǔ)(4)

Axure教程 axure新手入門基礎(chǔ)(5)

Axure教程 關(guān)于Axure rp觸發(fā)事件中IF和ELSE IF的使用說明(6)

Axure教程 axure元件使用思路的補(bǔ)充(7)

Axure教程 動(dòng)態(tài)面板的用途(8)

Axure教程 帶遮罩層的彈出框(9)

Axure教程 動(dòng)態(tài)面板滑動(dòng)效果(10)

更多Axure學(xué)習(xí)技巧:Axure專欄

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 學(xué)習(xí)了 剛看完123 覺得不是很懂

    來(lái)自北京 回復(fù)
  2. 呵呵噠~ ??

    來(lái)自陜西 回復(fù)
  3. 請(qǐng)問那里可以下載中文版的

    來(lái)自廣東 回復(fù)
    1. 漢化

      來(lái)自廣東 回復(fù)
  4. ??

    來(lái)自北京 回復(fù)
  5. 沒看懂

    來(lái)自北京 回復(fù)
  6. 對(duì)菜鳥來(lái)說,一到(3)就覺得好難懂了,不是才剛介紹完元件嘛

    來(lái)自上海 回復(fù)
  7. 學(xué)習(xí)了,O(∩_∩)O謝謝。

    來(lái)自安徽 回復(fù)
  8. 謝謝

    來(lái)自廣東 回復(fù)
  9. 學(xué)習(xí)了

    來(lái)自江蘇 回復(fù)