骚碰伊人97,日本福利一区,国内三级在线

Axure運(yùn)用：使用Axure創(chuàng)建iPhone應(yīng)用程序原型（五）

原創(chuàng)|使用教程|編輯：郝浩|2013-10-12 13:21:39.000|閱讀 14520 次

概述：在前面的系列文章中，作者為大家講解了在原型設(shè)計(jì)工具Axure RP中如何使用iPhone應(yīng)用程序頁(yè)面模板設(shè)計(jì)程序、如何使用動(dòng)態(tài)面板和滾動(dòng)條創(chuàng)建滾動(dòng)內(nèi)容等等。在下文中，作者將為大家講解的是如何使用動(dòng)態(tài)面板創(chuàng)建多個(gè)屏幕間的滑動(dòng)切換。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

相關(guān)鏈接：

在設(shè)計(jì)iPhone應(yīng)用程序原型時(shí)，常常需要通過(guò)一個(gè)滑動(dòng)的動(dòng)畫(huà)從一個(gè)屏幕切換到另一個(gè)屏幕。使用Axure RP進(jìn)行設(shè)計(jì)時(shí)，可以將屏幕設(shè)計(jì)到動(dòng)態(tài)面板里面，通過(guò)設(shè)置面板狀態(tài)事件來(lái)實(shí)現(xiàn)。在下文中作者將通過(guò)一個(gè)示例來(lái)詳細(xì)講解。

第一步：添加圖像映射區(qū)域

添加圖像映射區(qū)域

打開(kāi)AxureiPhoneApp.zip，打開(kāi)里面的iPhoneApp-StateChangeNavigationTutorial.rp文件。
在返回箭頭按鈕和正在播放按鈕上面添加圖像映射區(qū)域，因這些按鈕都是由多個(gè)組件組成，所以我們要為整個(gè)區(qū)域添加交互。

第二步：將第一個(gè)屏幕轉(zhuǎn)換到動(dòng)態(tài)面板

：將第一個(gè)顯示轉(zhuǎn)換到動(dòng)態(tài)面板

接下來(lái)，我們將需要切換的屏幕嵌入到一個(gè)動(dòng)態(tài)面板中。
選中第一個(gè)屏幕的所有組件，右擊選擇轉(zhuǎn)換>轉(zhuǎn)換到動(dòng)態(tài)面板。將此面板標(biāo)記為InterfacePanel。

第三步：添加“Stations”狀態(tài)

在動(dòng)態(tài)面板管理器中右擊面板，選擇添加狀態(tài)，為面板添加兩個(gè)新的狀態(tài)。
將第一個(gè)狀態(tài)標(biāo)記為“正在播放”，將第二個(gè)狀態(tài)標(biāo)記為“Stations”。

第四步：將組件粘貼到“Stations” 狀態(tài)下

將組件粘貼到

選中Station列表中的屏幕組件，剪切并粘貼到“Stations”狀態(tài)下。將粘貼的組件移動(dòng)到0,0位置。

第五步：添加OnClick到圖像映射區(qū)域

添加OnClick 到圖像映射區(qū)域

選中“正在播放”的圖像映射區(qū)域，雙擊OnClick事件打開(kāi)事件編輯器。

第六步：設(shè)置面板到“正在播放”狀態(tài)

添加一個(gè)設(shè)置面板狀態(tài)事件，查看InterfacePanel復(fù)選框。 “現(xiàn)在播放”狀態(tài)是默認(rèn)為選擇狀態(tài)的。為動(dòng)畫(huà)進(jìn)和動(dòng)畫(huà)出選擇“向左滑動(dòng)”。
點(diǎn)擊確定，關(guān)閉事件編輯器。