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

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

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

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

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

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

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

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

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

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

動態面板專屬事件

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

l? The OnShow and OnHide events(顯示或隱藏時): 當動態面板隱藏或顯示時觸發。比如圖片顯示時按鈕文字是關閉圖片,圖片隱藏時按鈕文字變為打開圖片。

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

比如通過改變動態面板狀態實現的進度條效果,當狀態改變時改變相應的進度比例。

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

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

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

本文作者:@小樓;轉載自:Axure原創教程網

新手入門基礎教程目錄

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

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

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

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

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

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

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

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

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

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

更多Axure學習技巧:Axure專欄

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

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

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

    來自廣東 回復
    1. 漢化

      來自廣東 回復
  4. ??

    來自北京 回復
  5. 沒看懂

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

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

    來自安徽 回復
  8. 謝謝

    來自廣東 回復
  9. 學習了

    來自江蘇 回復