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