【Axure原型圖】—— 2. SHOW HIDDEN WIDGET(顯示隱藏組件)

在點擊某個部件,讓其或者另外一個部件隱藏或顯示

Step0: 下載練習文件

在這裏下載AxureTraining.rp文件,並用Axure RP打開


Step1: SETUP

  1. 練習文檔中打開"Show hidden widget" 頁面,選擇“語音氣泡”圖標
  2. 通過單擊檢查器中得“樣式工具欄“或者“樣式選擇框”中得“隱藏”複選框,來隱藏該部件。

【Axure原型圖】—— 2. SHOW HIDDEN WIDGET(顯示隱藏組件)


Step2: ADD ONCLICK INTERRACTION

  1. 選中圖標組件,在PROPERTIES標籤中,雙擊“OnClick”來添加一個Onclick case

  2. 在Case 編輯器中,選擇“Show”動作,在“Configure actions”中,選擇(Shipe)

  3. 圖下面的Visibility選擇Toggle(表示隱藏和顯示來回切換)

  4. 點擊OK
    【Axure原型圖】—— 2. SHOW HIDDEN WIDGET(顯示隱藏組件)

Step3: PREVIEW預覽

點擊預覽


注: 本人Axure系列的翻譯blog僅供個人記錄學習,侵刪.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章