滾動(dòng)內(nèi)容教程概述

與其建立你的 iPhone 應(yīng)用程序的頁面，不如把你的內(nèi)容放在一個(gè)滾動(dòng)的動(dòng)態(tài)面板。iPhone 應(yīng)用程序經(jīng)常有一個(gè)保持靜態(tài)頁眉或頁腳。你可以把它的主要內(nèi)容通過一個(gè)動(dòng)態(tài)面板使它可滾動(dòng)。使用“固定的頁眉和頁腳瀏覽器”是另一個(gè)選則，但是滾動(dòng)動(dòng)態(tài)面板技術(shù)會(huì)讓你更好的控制你的 iPhone 應(yīng)用程序的可見區(qū)域，并允許您利用“防止垂直滾動(dòng)頁面滾動(dòng)/彈性”設(shè)置在生成>原型對(duì)話框。這個(gè)示例使用的是文本內(nèi)容，但面板的內(nèi)容可以是任何東西。

拖拽滾動(dòng)的 IPHONE 應(yīng)用程序

文本的位置

http://wiki.jikexueyuan.com/project/axure/images/iphone-appscrolling-content1.png" alt="image" />

首先，打開axureiphoneapp.zip并打開 iPhoneApp-ScrollingContentTutorial.rp 文件。

拖動(dòng)一個(gè)段落去中心應(yīng)用程序布局和排列以下圖像的小部件。復(fù)制和粘貼文本，然后文本將被底部控制。

將文本轉(zhuǎn)變成動(dòng)態(tài)面板

http://wiki.jikexueyuan.com/project/axure/images/iphone-appscrolling-content2.png" alt="image" />

通過右鍵單擊它并選擇轉(zhuǎn)換>轉(zhuǎn)換為動(dòng)態(tài)面板，把文本轉(zhuǎn)換成一個(gè)動(dòng)態(tài)面板

面板的大小

http://wiki.jikexueyuan.com/project/axure/images/iphone-appscrolling-content3.png" alt="image" />

調(diào)整，以適應(yīng)動(dòng)態(tài)面板從底部上面的音樂控制。

添加需要的滾動(dòng)條

http://wiki.jikexueyuan.com/project/axure/images/iphone-appscrolling-content4.png" alt="image" />

動(dòng)態(tài)面板上單擊右鍵并選擇滾動(dòng)條>顯示垂直滾動(dòng)條。 通過生成桌面或測(cè)試 查看你的 iPhone 原型。

總結(jié)

我們要說的…讓時(shí)間軸滾動(dòng)吧！
還需要其他幫助嗎？查看論壇或聯(lián)系我們 support@axure.com