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

11 評論 405044 瀏覽 259 收藏 4 分鐘

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

l? OnClick(點擊時): 鼠標點擊事件,除了動態(tài)面板的所有的其他元件的點擊時觸發(fā)。比如點擊按鈕。

l? OnMouseEnter(鼠標移入時): 鼠標進入到某個元件范圍時觸發(fā),比如當鼠標移到某張圖片時顯示該圖片的介紹。

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

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

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

l? OnLostFocus(失去焦點時): 當一個組件失去焦點時觸發(fā)。比如用戶名、密碼的驗證。

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

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

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

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

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

比如通過改變動態(tài)面板狀態(tài)實現(xiàn)的進度條效果,當狀態(tài)改變時改變相應的進度比例。

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

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

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

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

新手入門基礎教程目錄

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

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

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

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

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

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

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

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

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

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

更多Axure學習技巧:Axure專欄

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

    來自北京 回復
  2. 呵呵噠~ ??

    來自陜西 回復
  3. 請問那里可以下載中文版的

    來自廣東 回復
    1. 漢化

      來自廣東 回復
  4. ??

    來自北京 回復
  5. 沒看懂

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

    來自上海 回復
  7. 學習了,O(∩_∩)O謝謝。

    來自安徽 回復
  8. 謝謝

    來自廣東 回復
  9. 學習了

    來自江蘇 回復