axure怎么設計鼠標展開折疊效果?
發(fā)布時間：2017-11-01 17:15:55 作者：佚名 
我要評論
我要評論axure怎么設計鼠標展開折疊效果？axure中想要繪制一個可以折疊展開功能的原型，該怎么設計呢？下面我們就來看看axure制作折疊效果的教程，需要的朋友可以參考下
Axure中可以制作很多效果，想要制作一個折疊效果，該怎么制作呢？下面我們就來看看詳細的教程。
1、從左側部件庫中拖拉2個矩形，按照個人設定的樣式，直接用鼠標拖拉調整好；然后復制矩形——選中要復制的內容，按住ctrl鍵，將光標移至矩形處變成一個雙十字箭頭（可移動標志）后，按住鼠標往旁邊拉動，即復制成功。這里以復制兩個后的三個為例。
2、為便于區(qū)分，分別給三個色塊填充上不同的顏色，并給六個矩形分別命名，還可分別輸入文字加強識別。
3、將下面的三個內容框矩形設為隱藏：選中要隱藏的部件，點擊勾選“hidden”；接著，把綠色部分移到黃色標題欄下面，遮住綠色隱藏部分，粉紅色類推，變成圖中的左側堆疊形態(tài)。
4、點擊黃標題欄——雙擊右側“鼠標點擊時”添加用例——選擇左側“顯示/隱藏”部件——右側配置動作中，勾選黃標題欄——可見性中選擇“切換”——勾選“推/拉部件”，方向選擇“下方”，點擊確定（亦可跟隨圖示按步驟進行）。
接著，對綠標題欄、粉紅標題欄進行同樣的操作。標題欄設置完成后，點擊演示鍵，即可查看效果。
以上就是axure中折疊效果的制作方法，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
相關文章
Axure怎么給圖片增加點擊事件？Axure中想要給圖片添加鼠標單擊事件，如果鼠標單擊圖片返回主頁，該怎么實現(xiàn)這個效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-11-01
axure怎么調整字間距？axure中想要調節(jié)文字的行間距，該怎么調節(jié)呢？下面我們就來看看axure字間距的設置方法，需要的朋友可以參考下2017-09-30
axure團隊項目怎么獲取? axure獲取并打開團隊項目的方法
axure團隊項目怎么獲取？axure做項目的時候，想要獲取團隊項目，該怎么獲取呢？下面我們就來看看axure獲取并打開團隊項目的方法，需要的朋友可以參考下2017-09-28
axure怎么設計一個倒計時效果的模型？axure中設計網(wǎng)頁圓形很簡單，今天我們就來看看使用axure設置一個倒計時效果的教程，需要的朋友可以參考下2017-09-28
axure網(wǎng)頁原型怎么預覽和生成原型文件？axure中設計好的文件原型想要預覽并生成，該怎么預覽呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-09-25
axure原型無法簽出怎么辦? axure不能簽出的解決辦法
axure原型無法簽出怎么辦、？axure中設計網(wǎng)頁原型很方便，設計完成以后發(fā)現(xiàn)無法簽出，該怎么辦呢？下面我們就來看看axure不能簽出的解決辦法，需要的朋友可以參考下2017-09-24
Axure怎么新建元件庫？想要把常用的組件制作一個元件，放到自己的元件庫中，該怎么操作呢？下面我們就來看看Axure元件庫的使用方法，需要的朋友可以參考下2017-09-13
axure中的單元格怎么合并？axure制作的網(wǎng)頁原型中插入了表格，想要將表格中的單元格合并呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-09-08
axure8怎么給網(wǎng)頁制作Tabpage頁效果?
axure8怎么給網(wǎng)頁制作Tabpage頁效果？axure8中想要給網(wǎng)頁設計一個tab標簽效果，該怎么設計呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-08-29
Axure RP8怎么設計倒計時獲取短信驗證碼效果？經(jīng)常能見到帶有短信驗證的網(wǎng)頁，該怎么設計出這個交互效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-08-25
