日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

使用Axure制作出一個(gè)左側(cè)二級切換效果具體操作流程

相信使用Axure的用戶還是蠻多的,不過你們曉得Axure如何制作出一個(gè)左側(cè)二級切換效果呢?下文就為你們帶來了使用Axure制作出一個(gè)左側(cè)二級切換效果的具體操作流程 。

使用Axure制作出一個(gè)左側(cè)二級切換效果具體操作流程


一、基礎(chǔ)準(zhǔn)備工作
【使用Axure制作出一個(gè)左側(cè)二級切換效果具體操作流程】1、首先大家通過Axure的部件--矩形,建立如圖所示的圖樣 。(基礎(chǔ)的我就不太細(xì)說了),底色圖:灰色,w350/h500;三個(gè)彩色的矩形:w300/h40;分別命名為1,2,3,無色的三個(gè)矩形:w300/h100;分別對應(yīng)彩色的命名11,22,33,調(diào)整一個(gè)彩色的矩形對應(yīng)一個(gè)白色的矩形,排版如圖所示;
使用Axure制作出一個(gè)左側(cè)二級切換效果具體操作流程


2、將11,22,33設(shè)置為隱藏狀態(tài),設(shè)置方法:選擇圖形,在右側(cè)的“部件屬性和樣式”,選擇hidden(隱藏) 。
使用Axure制作出一個(gè)左側(cè)二級切換效果具體操作流程


3、調(diào)整位置,選擇2和22兩個(gè)矩形,向上移動(dòng),至1的下邊緣和2的上邊緣對齊 。同樣移動(dòng)3和33,與2的最下邊緣對齊,如圖所示
使用Axure制作出一個(gè)左側(cè)二級切換效果具體操作流程


二、用例的設(shè)置方法
1、選擇藍(lán)色的矩形(也就是1);在“部件交互和注釋”-“鼠標(biāo)單擊時(shí)”,右鍵“新增用例”;彈出用例編輯器
使用Axure制作出一個(gè)左側(cè)二級切換效果具體操作流程


2、在用例編輯器,選擇"部件“-切換;在最右側(cè)“第四步 配置動(dòng)作”,選中"11",可見性選擇“切換”,并在”更多選項(xiàng)“中選擇”展開部件“;選擇“22”,可見性選擇“隱藏”,選中“收起部件”,其他默認(rèn);
選擇“33”,可見性選擇“隱藏”,選中“收起部件”,其他默認(rèn);點(diǎn)擊確認(rèn);設(shè)置完成后,如圖所示
使用Axure制作出一個(gè)左側(cè)二級切換效果具體操作流程


3、選擇黃色矩形2,在“部件交互和注釋”-“鼠標(biāo)單擊時(shí)”,右鍵“新增用例”;彈出用例編輯器;在用例編輯器,選擇"部件“-切換;在最右側(cè)“第四步 配置動(dòng)作”,選中"22",可見性選擇“切換”,并在”更多選項(xiàng)“中選擇”展開部件“;選擇“11”,可見性選擇“隱藏”,選中“收起部件”,其他默認(rèn);選擇“33”,可見性選擇“隱藏”,選中“收起部件”,其他默認(rèn);點(diǎn)擊確認(rèn),設(shè)置完成后,如圖所示
使用Axure制作出一個(gè)左側(cè)二級切換效果具體操作流程


4、選擇紅色矩形3,在“部件交互和注釋”-“鼠標(biāo)單擊時(shí)”,右鍵“新增用例”;彈出用例編輯器;在用例編輯器,選擇"部件“-切換;在最右側(cè)“第四步 配置動(dòng)作”,選中"33",可見性選擇“切換”,并在”更多選項(xiàng)“中選擇”展開部件“;選擇“11”,可見性選擇“隱藏”,選中“收起部件”,其他默認(rèn);選擇“22”,可見性選擇“隱藏”,選中“收起部件”,其他默認(rèn);點(diǎn)擊確認(rèn),設(shè)置完成后,如圖所示
使用Axure制作出一個(gè)左側(cè)二級切換效果具體操作流程


5、點(diǎn)擊F5預(yù)覽或者生產(chǎn)原型文件 。建議用IE查閱 。完成后如圖,大家點(diǎn)擊試試吧 。
使用Axure制作出一個(gè)左側(cè)二級切換效果具體操作流程


按照上文為你們分享的使用Axure制作出一個(gè)左側(cè)二級切換效果的具體操作流程,你們是不是都學(xué)會(huì)操作的方法啦!

    推薦閱讀