When designing a prototype iPhone application, a need often animated sliding switch from one screen to another screen. Use Axure RP design, one screen can be designed to dynamically inside panel to panel status by setting event. Hereinafter will be explained in detail by of an example.
The first step: add an image mapping area
Open AxureiPhoneApp.zip, open the inside iPhoneApp-StateChangeNavigationTutorial.rp file.
In return arrow buttons and playing the Add button above the image map area, because these buttons are comprised of multiple components, so we have to add interactivity to the entire region.
Step two: The first screen switched to the dynamic panel
Next, we will need to switch screen embedded in a dynamic panel.
Select all the components of the first screen, right click and select conversion> conversion to a dynamic panel. This panel is marked InterfacePanel.
Step 3: Add "Stations" state
Right-click the dynamic panel manager panel, select Add state to add two new state of the panel.
The first status flag is "playing" the second state marked as "Stations".
Step 4: affixing the components to the "Stations" state
Station component is selected in the list screen, cut and pasted into the "Stations" state. The paste component moved to position 0,0.
Step five: OnClick added to the image map area
Select the "Now Playing" image map area, double-click the OnClick event to open the event editor.
Step Six: Set the panel to "Now Playing" status
Add a settings panel status events, see InterfacePanel box. "Now Playing" status is the default selection state. Animation and animation into the selection "slide to the left."
Click OK to close the Event Editor.
Step Seven: Open the "Now Playing" status, add OnClick
Navigate to the "Now Playing" status, check the back button image map area, and double-click to open the OnClick event editor.
Eighth step: setting panel status to "Stations"
Select Settings panel status events, see InterfacePanel box. Select "Stations" state from the drop-down list, select the "right slide" into animation and animation. Click "OK."
Test: Once created, can be tested by generating to your desktop or viewing on the iPhone.
>> Download this article Axure iPhone App template http://image.evget.com//images/article/FileDownload/AxureiPhoneApp.zip
>> Download prototyping tool Axure RP http: // *** / product / 2978 / download
Reproduced in: https: //www.cnblogs.com/james1207/p/3370812.html