axure設計出鼠標標展開折疊效果具體流程介紹

不少的用戶不了解axure這款軟件 , 不過你們知道axure如何設計鼠標標展開折疊效果嗎?下文就帶來了axure設計出鼠標標展開折疊效果的具體流程介紹 。

axure設計出鼠標標展開折疊效果具體流程介紹

1、從左側部件庫中拖拉2個矩形 , 按照個人設定的樣式,直接用鼠標拖拉調整好;然后復制矩形——選中要復制的內容 , 按住ctrl鍵,將光標移至矩形處變成一個雙十字箭頭(可移動標志)后,按住鼠標往旁邊拉動,即復制成功 。這里以復制兩個后的三個為例 。
axure設計出鼠標標展開折疊效果具體流程介紹

【axure設計出鼠標標展開折疊效果具體流程介紹】2、為便于區分,分別給三個色塊填充上不同的顏色,并給六個矩形分別命名,還可分別輸入文字加強識別 。
axure設計出鼠標標展開折疊效果具體流程介紹

3、將下面的三個內容框矩形設為隱藏:選中要隱藏的部件,點擊勾選“hidden”;接著,把綠色部分移到黃色標題欄下面,遮住綠色隱藏部分,粉紅色類推,變成圖中的左側堆疊形態 。
axure設計出鼠標標展開折疊效果具體流程介紹

axure設計出鼠標標展開折疊效果具體流程介紹

4、點擊黃標題欄——雙擊右側“鼠標點擊時”添加用例——選擇左側“顯示/隱藏”部件——右側配置動作中,勾選黃標題欄——可見性中選擇“切換”——勾選“推/拉部件”,方向選擇“下方”,點擊確定(亦可跟隨圖示按步驟進行) 。
接著 , 對綠標題欄、粉紅標題欄進行同樣的操作 。標題欄設置完成后,點擊演示鍵,即可查看效果 。
axure設計出鼠標標展開折疊效果具體流程介紹

axure設計出鼠標標展開折疊效果具體流程介紹

按照上文為你們分享的axure設計出鼠標標展開折疊效果的具體流程介紹,你們是不是都明白啦!

相關經驗推薦