部落格概要
分享利用Axure的動态面闆制作的一個粗糙的滾動~
文章目錄
-
- 部落格概要
- Axure RP8-實戰案例_總目錄
-
- 滾動
- 制作過程
-
- 1.整體搭建
- 2.面闆狀态
- 3.面闆頁面設定
- 4.設定滾動條
- 5.效果展示
- 總結
Axure RP8-實戰案例_總目錄
文章超連結:https://blog.csdn.net/qq_41386332/article/details/109445644
滾動
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNfRHLGZkRGZkRfJ3bs92YsYTMfVmepNHL51keNJzZ61EeRpHW4Z0MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZwpmLzczNxITOxUTM2IDOwkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
解釋 | 滾動實作大于單個頁面内容的顯示 |
---|---|
效果 | 滑鼠滾輪上下滾動/滑鼠拖拽頁面滾動條,實作頁面滾動 |
【PS】 | 1.本次制作,樣式簡潔,請按需,自行美化 2.有多種制作方式,此次至制作了其中之一,其餘後續分享 |
… | … |
制作過程
1.整體搭建
利用“矩形”、“圖檔”、“動态面闆”等元件,整體搭建頁面結構。
2.面闆狀态
輕按兩下“動态面闆”區域,出現“面闆狀态管理”彈窗,設定“動态面闆名稱”,建立相應面闆,輕按兩下選擇面闆,即可進入相應的面闆進行編輯。
3.面闆頁面設定
在建立的頁面,再繪制新的“動态面闆”,在内可以填充其他的更多内容,這裡要将“動态面闆”覆寫全部的内容。
4.設定滾動條
在外部,右擊滑鼠選擇“滾動條”,選擇“顯示滾動條”,這裡可以自主挑選滾動條的顯示方式。
5.效果展示
利用滑鼠滾輪滾動,或者拖拽滾動條,成功實作頁面的滾動展示。
總結
以上= =“動态面闆之滾動”技能get~