以下介紹幾個(gè)常用小教程挎峦,還是那句話(huà)——內(nèi)容簡(jiǎn)單香追,適合菜鳥(niǎo)查閱,老鳥(niǎo)可飄過(guò)坦胶,順便幫忙點(diǎn)個(gè)贊哈
/偷笑透典。
一.頂部導(dǎo)航凍結(jié),頁(yè)面下拉可跟隨
例如:下拉網(wǎng)頁(yè)進(jìn)行瀏覽顿苇,頂部導(dǎo)航懸停掷匠,固定在頂部位置
1.按照自己理解,拖動(dòng)幾個(gè)元件岖圈,把導(dǎo)航和主體頁(yè)面設(shè)計(jì)好讹语;
2.導(dǎo)航處,右鍵設(shè)置“轉(zhuǎn)換為動(dòng)態(tài)面板”蜂科,并命名top顽决;
3.頁(yè)面空白處,選擇交互方式(窗口滾動(dòng)時(shí))导匣;
4.添加動(dòng)作移動(dòng)→選擇導(dǎo)航→移動(dòng):絕對(duì)位置→X坐標(biāo)為0,Y坐標(biāo)插入變量或函數(shù)(Window.scrollY)
二.注冊(cè)模塊(手機(jī)注冊(cè)才菠、郵箱注冊(cè)互切換)
1.拖動(dòng)元件,先布局好手機(jī)注冊(cè)內(nèi)容表贡定,所需的內(nèi)容赋访,包括(手機(jī)輸入框,點(diǎn)擊獲取驗(yàn)證按鈕,2次輸入密碼框蚓耽,注冊(cè)按鈕)渠牲;
2.手機(jī)注冊(cè)內(nèi)容表,右鍵設(shè)置“轉(zhuǎn)換為動(dòng)態(tài)面板”步悠;
3.手機(jī)注冊(cè)內(nèi)容表签杈,右鍵設(shè)置“管理面板狀態(tài)”,動(dòng)態(tài)面板名稱(chēng)設(shè)置為“add”,下面的面板狀態(tài)修改State1的名稱(chēng)為“iphoneadd”,并添加一個(gè)狀態(tài)鼎兽,命名為“emailadd”;
4.點(diǎn)擊“emailadd”答姥,進(jìn)入動(dòng)態(tài)頁(yè),為郵箱注冊(cè)內(nèi)容表添加元件谚咬,所需的內(nèi)容(電子郵箱輸入框鹦付,2次輸入密碼框,注冊(cè)按鈕择卦,邊框)注意:邊框需要去除頂部框線(xiàn)敲长;
5.設(shè)置手機(jī)注冊(cè)、郵箱注冊(cè)互切換互捌,對(duì)手機(jī)注冊(cè)框潘明,設(shè)置鼠標(biāo)點(diǎn)擊交互→添加動(dòng)作“設(shè)置面板狀態(tài)”→選擇狀態(tài)“iphoneadd”;
6.設(shè)置手機(jī)注冊(cè)秕噪、郵箱注冊(cè)互切換钳降,對(duì)郵箱注冊(cè)框,設(shè)置鼠標(biāo)點(diǎn)擊交互→添加動(dòng)作“設(shè)置面板狀態(tài)”→選擇狀態(tài)“emailadd”腌巾;
三.簡(jiǎn)單滾動(dòng)條設(shè)計(jì)
1.拖動(dòng)2個(gè)元件遂填,矩形和動(dòng)態(tài)面板,準(zhǔn)備一個(gè)滾動(dòng)條素材澈蝙,我這里用的是藍(lán)色條狀素材吓坚;
2.設(shè)置矩形長(zhǎng)為500,寬為20,(這個(gè)看自己愛(ài)好)灯荧,把矩形設(shè)置為圓角礁击,個(gè)人覺(jué)得這樣好看些;
3.把動(dòng)態(tài)面板也設(shè)置為長(zhǎng)為500逗载,寬為20哆窿,導(dǎo)入條狀素材,覆蓋到圓角矩形上厉斟;
4.設(shè)置動(dòng)態(tài)面板交互屬性挚躯,載入時(shí)→添加動(dòng)作設(shè)置尺寸→當(dāng)前元件→寬1高20;
5.再添加一次設(shè)置尺寸動(dòng)作→當(dāng)前元件→寬500高20,→動(dòng)作為線(xiàn)性擦秽,時(shí)間為5000毫秒(即5秒)
有看不明白的同鞋码荔,可以留言漩勤。想要看《介紹Axure RP幾個(gè)常用小設(shè)計(jì)(三)》,請(qǐng)加關(guān)注缩搅,謝謝越败!