原創(chuàng)|使用教程|編輯:郝浩|2013-10-12 13:21:39.000|閱讀 14520 次
概述:在前面的系列文章中,作者為大家講解了在原型設(shè)計工具Axure RP中如何使用iPhone應(yīng)用程序頁面模板設(shè)計程序、如何使用動態(tài)面板和滾動條創(chuàng)建滾動內(nèi)容等等。在下文中,作者將為大家講解的是如何使用動態(tài)面板創(chuàng)建多個屏幕間的滑動切換。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
在設(shè)計iPhone應(yīng)用程序原型時,常常需要通過一個滑動的動畫從一個屏幕切換到另一個屏幕。使用Axure RP進行設(shè)計時,可以將屏幕設(shè)計到動態(tài)面板里面,通過設(shè)置面板狀態(tài)事件來實現(xiàn)。在下文中作者將通過一個示例來詳細講解。
打開AxureiPhoneApp.zip,打開里面的iPhoneApp-StateChangeNavigationTutorial.rp文件。
在返回箭頭按鈕和正在播放按鈕上面添加圖像映射區(qū)域,因這些按鈕都是由多個組件組成,所以我們要為整個區(qū)域添加交互。
接下來,我們將需要切換的屏幕嵌入到一個動態(tài)面板中。
選中第一個屏幕的所有組件,右擊選擇轉(zhuǎn)換>轉(zhuǎn)換到動態(tài)面板。將此面板標記為InterfacePanel。
在動態(tài)面板管理器中右擊面板,選擇添加狀態(tài),為面板添加兩個新的狀態(tài)。
將第一個狀態(tài)標記為“正在播放”,將第二個狀態(tài)標記為“Stations”。
選中Station列表中的屏幕組件,剪切并粘貼到“Stations”狀態(tài)下。將粘貼的組件移動到0,0位置。
選中“正在播放”的圖像映射區(qū)域,雙擊OnClick事件打開事件編輯器。
添加一個設(shè)置面板狀態(tài)事件,查看InterfacePanel復(fù)選框。 “現(xiàn)在播放”狀態(tài)是默認為選擇狀態(tài)的。為動畫進和動畫出選擇“向左滑動”。
點擊確定,關(guān)閉事件編輯器。
導(dǎo)航到“正在播放”狀態(tài),選中返回按鈕的圖像映射區(qū)域,并雙擊OnClick打開事件編輯器。
選擇設(shè)置面板狀態(tài)事件,查看InterfacePanel復(fù)選框。從下拉列表中選擇“Stations”狀態(tài),為動畫進和動畫出選擇“向右滑動”。點擊“確定”。
測試:創(chuàng)建完成后,可通過生成到你的桌面或在iPhone上查看進行測試。
>>
>>
擴展閱讀
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)