Axure原型教程:Axure實(shí)現(xiàn)滾動效果(小技巧:隱藏滾動條)

axure推出axure 9 正式版本 ,支持黑暗模式,完美契合國內(nèi)晚上加班的產(chǎn)品同學(xué)們,哈哈哈?。?!

不過目前感覺很多同學(xué)都是在用8,所以這次我以8為例,給大家演示一下如果做屏幕上下滾動的原型。其實(shí)8和9相差不大,道理是相通的,大家仔細(xì)琢磨一下就可以了,還是不了解的,私我私我私我~

支持web端、APP、小程序設(shè)計(jì),很奈斯

下面進(jìn)入正題:

1.例如:首先我們創(chuàng)建一個(gè)APP或模板(這里是為了好看哈哈哈),想象一下里面有很多東西,一個(gè)界面是看不完的,所以可以加入滾動模式。

2.我們可以拉一個(gè)矩形(隨你想拉什么),因?yàn)閮?nèi)容會放在這個(gè)矩形里面,所以大小設(shè)置為和屏幕顯示一致(好看);然后可以把設(shè)置矩形邊框顏色、樣式、是否隱藏;完成之后拖入屏幕中央,對齊,右鍵單擊設(shè)為動態(tài)面板

3.雙擊動態(tài)面板,點(diǎn)擊狀態(tài)1(state 1),然后再里面那個(gè)框框里填東西,可勁兒填(注意,這里面填入的東西不要超過矩形左右距離,影響美觀,往下填就好了,因?yàn)檫@是APP,上下翻動效果最合適,如果是web端,可以左右填),填好之后回到首頁;

4.回來之后會發(fā)現(xiàn)我們的設(shè)置的東西很長,還超出了,接下來拉動矩形,調(diào)整矩形大小,使它和之前設(shè)置手機(jī)顯示屏的一樣,單擊動態(tài)面板,右鍵-滾動條-自動顯示垂直滾動條,完成之后我們的界面滾動就做完了!

5.打開預(yù)覽看一下!是不是發(fā)現(xiàn)這個(gè)滾動條很丑,影響美觀! 我們可以把這個(gè)滾動條給遮擋起來。

點(diǎn)擊動態(tài)面板,拉動滾動條一側(cè),使它和手機(jī)模型右側(cè)重疊,放置一個(gè)?矩形,調(diào)整大小,線條,完美遮擋住滾動條

6.大功告成,完美

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容