原型設計工具Axure RP新手教程(九):滾動區(qū)域教程
Axure RP是一套專門為網(wǎng)站或應用程序所設計的快速原型設計工具, 可以讓應用網(wǎng)站策劃人員或網(wǎng)站功能界面設計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規(guī)格。
免費下載Axure RP 優(yōu)惠購買Axure RP
在本教程中,您將學習如何使用動態(tài)面板來使頁面的區(qū)域獨立于設計的其余部分滾動。(點擊此處查看視頻教程)
小部件設置
-
打開一個新的RP文件,然后在Pages(頁面)窗格中雙擊Page1(頁面1)以在畫布上將其打開。
-
將標題1小部件從Libraries(庫)窗格拖到畫布上。
-
在標題下方的列中放置一個圖像小部件和三個段落小部件。
提示:您可以通過選擇小部件并使用界面頂部的Align and Distribute(對齊和分配)選項來自動對齊和分配小部件。
將小部件放置在可滾動的動態(tài)面板中
-
選擇畫布上的所有小部件。
-
右鍵單擊所選內(nèi)容,然后在上下文菜單中選擇Create Dynamic Panel(創(chuàng)建動態(tài)面板)。
-
將新的動態(tài)面板的高度設置為300,這將切斷某些段落小部件。
-
在Style(樣式)窗格的Dynamic Panel(動態(tài)面板)部分中,從滾動下拉列表中選擇Scroll Vertical(垂直滾動)。
預覽頁面
預覽頁面并上下滾動動態(tài)面板。
具有固定標題的可滾動表
您可以使用可滾動的動態(tài)面板來創(chuàng)建具有固定標題的可滾動表。從矩形小部件中創(chuàng)建表格標題,并將表格小部件置于其下方。然后,將表格放置在可滾動的動態(tài)面板中,并縮短面板以使表格中只有幾行可見。滾動動態(tài)面板將顯示帶有固定標題的滾動表行。
關注慧聚IT微信公眾號???,了解產(chǎn)品的最新動態(tài)及最新資訊。