天天看點

Axure—動态面闆-滾動Axure RP8-實戰案例_總目錄

部落格概要

     分享利用Axure的動态面闆制作的一個粗糙的滾動~

文章目錄

    • 部落格概要
  • Axure RP8-實戰案例_總目錄
    • 滾動
    • 制作過程
      • 1.整體搭建
      • 2.面闆狀态
      • 3.面闆頁面設定
      • 4.設定滾動條
      • 5.效果展示
    • 總結

Axure RP8-實戰案例_總目錄

文章超連結:https://blog.csdn.net/qq_41386332/article/details/109445644

滾動

Axure—動态面闆-滾動Axure RP8-實戰案例_總目錄
解釋 滾動實作大于單個頁面内容的顯示
效果 滑鼠滾輪上下滾動/滑鼠拖拽頁面滾動條,實作頁面滾動
【PS】

1.本次制作,樣式簡潔,請按需,自行美化

2.有多種制作方式,此次至制作了其中之一,其餘後續分享

制作過程

1.整體搭建

Axure—動态面闆-滾動Axure RP8-實戰案例_總目錄

     利用“矩形”、“圖檔”、“動态面闆”等元件,整體搭建頁面結構。

2.面闆狀态

Axure—動态面闆-滾動Axure RP8-實戰案例_總目錄

     輕按兩下“動态面闆”區域,出現“面闆狀态管理”彈窗,設定“動态面闆名稱”,建立相應面闆,輕按兩下選擇面闆,即可進入相應的面闆進行編輯。

3.面闆頁面設定

Axure—動态面闆-滾動Axure RP8-實戰案例_總目錄

     在建立的頁面,再繪制新的“動态面闆”,在内可以填充其他的更多内容,這裡要将“動态面闆”覆寫全部的内容。

4.設定滾動條

Axure—動态面闆-滾動Axure RP8-實戰案例_總目錄

     在外部,右擊滑鼠選擇“滾動條”,選擇“顯示滾動條”,這裡可以自主挑選滾動條的顯示方式。

5.效果展示

Axure—動态面闆-滾動Axure RP8-實戰案例_總目錄
Axure—動态面闆-滾動Axure RP8-實戰案例_總目錄

     利用滑鼠滾輪滾動,或者拖拽滾動條,成功實作頁面的滾動展示。

總結

以上= =“動态面闆之滾動”技能get~