03 交互設(shè)置
【原型圖axure教程 axure原型圖案例模板】我們需要為刪除、確認(rèn)、取消這三個按鈕分別設(shè)置鼠標(biāo)單擊事件 。
刪除按鈕-鼠標(biāo)單擊事件
誰：刪除按鈕 。
在什么時候：鼠標(biāo)單擊時 。
做了什么事：顯示刪除確認(rèn)對話窗口 。
交互設(shè)置：選中刪除按鈕，點擊新建交互，選擇“鼠標(biāo)單擊事件”，選擇刪除按鈕為目標(biāo)元件，選擇顯示/隱藏動作，設(shè)置顯示 。
顯示刪除確認(rèn)對話框
確認(rèn)按鈕-鼠標(biāo)單擊事件
誰：確認(rèn)按鈕 。
在什么時候：鼠標(biāo)單擊時 。
做了什么事：隱藏“刪除確認(rèn)”對話窗口 。交互設(shè)置：選中確認(rèn)按鈕，點擊新建交互，選擇“鼠標(biāo)單擊事件”，選擇確認(rèn)按鈕為目標(biāo)元件，選擇顯示/隱藏動作，設(shè)置隱藏 。
隱藏刪除確認(rèn)對話框
刪除按鈕的交互設(shè)置基本與確認(rèn)按鈕一致（這里不考慮表單數(shù)據(jù)的刪除），只是目標(biāo)元件不同 。
三、頁面載入我們還是以簡書的導(dǎo)航為例 。
觀察交互效果：頁面默認(rèn)選中推薦，顯示推薦的文章列表 。
線框圖：線框圖的繪制以及選中樣式的設(shè)置在上文“導(dǎo)航菜單樣式”已說明，這里不做重復(fù)說明 。
交互設(shè)置
交互分析
誰：簡書首頁
在什么時候：頁面加載時
做了什么事：選中推薦導(dǎo)航
交互設(shè)置：點擊頁面空白處，不選中任何元件，點擊新建交互，選擇頁面加載時事件，動作中選擇選中，找到目標(biāo)元件“推薦”導(dǎo)航 。
推薦閱讀
- 表面風(fēng)光背后辛酸說說 表面風(fēng)光背后辛酸說說有哪些
- 脆辣雞胗的做法 脆辣雞胗怎么做好吃
- 前鼻韻母怎么讀視頻教程 前鼻韻母怎么讀
- 原神多莉怎么玩 多莉培養(yǎng)攻略
- 繡球能不能放陽臺里 繡球能不能放陽臺
- 深夜說說心情短語英文 英文的深夜說說心情短語推薦
- 白酒執(zhí)行標(biāo)準(zhǔn) 白酒執(zhí)行標(biāo)準(zhǔn)有哪幾種
- 如何選購孩子水杯尺寸 如何選購孩子水杯
- 紅糖蛋湯的做法 紅糖蛋湯怎么做好吃
- 冬天有哪些釣魚餌料 冬天釣魚有什么餌料好