Saturday 16 August 2014

Windows Phone App :: UI Components :: Contracts and Activity Life cycle

Contracts:

It’s like an agreement between two different apps for sharing the contents. The two different contracts used are Source and Target. When the app needs to share the content supports source contract by meeting a specific requirement. Whereas the app that needs to receive content from the outside source uses a Target contracts by meeting a specific requirement.

Activity Life Cycle:
 
 The various activities performed on user’s interaction with the app are listed in the activity life cycle diagram:



When the app was launched by the user, the OS displays the Splash screen of the app. Once it is displayed, the app should be ready to display it’s UI to the user. This should be performed in few seconds.

The app may not be in the running state when splash screen is displayed. Once the app enters the running state, the app is activated and the app UI is shown. When the user moved out of the app, it moves to the suspended state. The data that are used will be saved. When the user re-enter to the app, the data will be shown again.

 The OS can also terminate the app after being moved to suspend state for various reasons like, the user sign-out from the app or closed the app manually or the system may be running on the low resources. Once that was happened and when the user re-launches it again, the app should start displaying the splash screen.  Not running state occurs when the app is not been used for long time. On resuming it, the app will be activated.

Animations:

Add and delete:

It enables us to add or remove item(s) from a collection.

Content Transitions:
It helps to change the content in the area of the screen while keeping the background constant. When the new content fades in, the existing content fades out.

Drag:
Use to move the object from one location to the other.

Edge based UI:
Edge based show or hides the UI that originates from the edge of the screen.

Fade:
It is used to bring/move the item from the view.

Page transition:
It is used to display the first page of the newly launched app or the transition between screen within the app.

Pointer click:
It provides a visual feedback about the tap on an item. Pointer down is used when the user tap the item. The animations slightly shrink an item indicating that it has been tapped. Pointer up animation is used when the tap is released.

Re-positions:
It is used to move an element/s to a new position.

Pop up UI:
It is used to show/hide pop ups which includes fly outs and context menu.

Swipe:

It is used when the swipe gesture is implemented for selection of an item.

No comments:

Post a Comment