Solving Circular Navigation in Silverlight for Window Phone - Revision history

Hamishwillee: Text replace - "[[Category:Silverlight" to "[[Category:XAML"

2013-04-10T01:29:08Z

Text replace - "[[Category:Silverlight" to "[[Category:XAML"

Hamishwillee: Hamishwillee - Addition to article of: Category:Windows Phone 7.5

2012-11-30T05:37:16Z

Hamishwillee - Addition to article of: Category:Windows Phone 7.5

Croozeus: Croozeus - /* Introduction */

2012-10-15T17:17:07Z

Croozeus - - Introduction

Hamishwillee: Hamishwillee - Fix typo

2012-10-12T05:55:01Z

Hamishwillee - Fix typo

Hamishwillee: Hamishwillee - Add translation link to Chinese

2012-10-12T05:54:23Z

Hamishwillee - Add translation link to Chinese

Vaishali Rawat: Vaishali Rawat - /* Introduction */

2012-10-09T11:55:30Z

Vaishali Rawat - - Introduction

Pooja 1650: Pooja 1650 - /* Introduction */

2012-10-04T09:30:53Z

Pooja 1650 - - Introduction

Hamishwillee: Hamishwillee - Subedit

2012-10-02T01:19:45Z

Hamishwillee - Subedit

Hamishwillee: Hamishwillee - Bot update - Fix metadata

2012-10-01T07:06:22Z

Hamishwillee - Bot update - Fix metadata

Jeffrey.Halimsetiawan: Jeffrey.Halimsetiawan -

2012-09-28T12:37:51Z

Jeffrey.Halimsetiawan -

New page

[[Category:Windows Phone]][[Category:Silverlight]][[Category:Tutorial]]
{{Abstract|This article explains how to resolve circular navigation problem that may occurs in the navigation between pages in Silverlight for Windows Phone. }}

{{ArticleMetaData 
|sourcecode= 
|installfile= 
|devices= Nokia Lumia 710
|sdk= 
|platform= Windows Phone 7.5
|devicecompatability= 
|dependencies= NonLinear Navigation Services
|signing=
|capabilities= 
|keywords= Circular Navigation, Silverlight for Windows Phone, NonLinear Navigation Services
|language= 
|translated-by= [[User:Jeffrey.Halimsetiawan]]
|translated-from-title= Mengatasi Circular Navigation pada Silverlight for Window Phone
|translated-from-id= 
|review-by=
|review-timestamp= 
|update-by= 
|update-timestamp= 
|creationdate= 
|author= [[User:Jeffrey.Halimsetiawan]]
}}

== Introduction ==
In the Silverlight for Windows Phone application model which is using several pages as its element, almost all applications consist of the various pages and the user has the right to navigate back. For each application, Windows Phone also keeps back-stack of pages which is a history of the pages that have been visited by the user. With such mechanism, developers are often faced with a situation where the application has a loop on page navigation.

Loop on the back-stack from the application navigation means there is duplication of the same page in the application back-stack. For example, the illustration can be seen in game [http://www.windowsphone.com/id-id/store/app/petualangan-aksara-di-tanah-jawa/a7b95aaa-221d-4684-ac5e-06a1cd016523 Petualangan Aksara di Tanah Jawa] below:<br/>[[File:CircularNavigationIllustrat.jpg]]

Another example, when you create registration wizard, it requires a lot of inputs so it consists of several pages. If we use {{Icode|NavigationServices.Navigate()}} method to return to the {{Icode|MainPage}} then we will return to the {{Icode|GamePage}} when we press the ''''Back'''' button. In fact, the expected response is out of the application.

The solution to overcome this problem is to use a '''NonLinear Navigation Services''' library developed by [http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/12/13/windows-phone-recipes-helping-the-community.aspx Windows Phone Recipes].

== Procedure ==
The steps which must be done are quite easy, as follow:

# Download [http://www.developer.nokia.com/Community/Wiki/File:NonLinear-WP-SLApp-Navigation-Service.zip NonLinear Navigation Services]
# Add '''NonLinearNavigationServices''' project in the '''Solution''' which has been created.
# Initialize the service at the end of class constructor whose class is the inheritance of {{Icode|Application}} class.<code csharp>NonLinearNavigationService.Instance.Initialize (RootFrame);</code>

== Summary ==
With NonLinear Navigation Services, developer will be easier to develop applications because they do not need to waste a lot of time thinking about the navigation management of the application.

Good luck!

== Reference ==
Kiriaty, Yochay. 2010. [http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/12/13/solving-circular-navigation-in-windows-phone-silverlight-applications.aspx Solving Circular Navigation in Windows Phone Silverlight Applications].

← Older revision		Revision as of 01:29, 10 April 2013
Line 1:		Line 1:
−	[[Category:Windows Phone]][[Category:~~Silverlight~~]][[Category:Tutorial]][[Category:Code Examples]][[Category:UI]]	+	[[Category:Windows Phone]][[Category:XAML]][[Category:Tutorial]][[Category:Code Examples]][[Category:UI]]
	{{Abstract\|This article explains the Windows Silverlight app "circular navigation problem", and introduces the [http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/12/13/solving-circular-navigation-in-windows-phone-silverlight-applications.aspx NonLinear Navigation Services] library which can be used to overcome it. }}		{{Abstract\|This article explains the Windows Silverlight app "circular navigation problem", and introduces the [http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/12/13/solving-circular-navigation-in-windows-phone-silverlight-applications.aspx NonLinear Navigation Services] library which can be used to overcome it. }}

@@ Line 49: / Line 49: @@
 <references/>
 <!-- Translation --> [[id:Mengatasi Circular Navigation pada Silverlight for Window Phone]]
-<!-- Translation --> [[zh-hans:在Silverlight中为Window Phone解决循环导航]]
+<!-- Translation --> [[zh-hans:在Silverlight中为Window Phone解决循环导航]][[Category:Windows Phone 7.5]]

@@ Line 28: / Line 28: @@
 In the "standard" Windows Phone Silverlight application model, users move linearly "forward" through pages and can then use the "back" button to retract through previously visited pages, and finally to exit. Windows Phone navigation history maintains a "last-in, first-out" structure called "back-stack". This provision makes it easy to implement a linear path forward and back through navigated pages.
-However it is possible to directly navigate to an arbitrary URI from any page, and this can result in navigation to a URI that is already in the back-stack, creating a loop. This can result in confusing navigation for the end user. Consider for example if the user can navigates to "Home" rather than unwinding the page stack as shown in the game [http://www.windowsphone.com/id-id/store/app/petualangan-aksara-di-tanah-jawa/a7b95aaa-221d-4684-ac5e-06a1cd016523 Petualangan Aksara di Tanah Jawa] below:
+However it is possible to directly navigate to an arbitrary URI from any page, and this can result in navigation to a URI that is already in the back-stack, creating a loop. This can result in confusing navigation for the end user. Consider for example, if the user can navigates to "Home" rather than unwinding the page stack as shown in the game [http://www.windowsphone.com/id-id/store/app/petualangan-aksara-di-tanah-jawa/a7b95aaa-221d-4684-ac5e-06a1cd016523 Petualangan Aksara di Tanah Jawa] below:
 [[File:CircularNavigationIllustrat.jpg|none]]

@@ Line 48: / Line 48: @@
 == Reference ==
 <references/>
-<!-- Translation --> [[en:Mengatasi Circular Navigation pada Silverlight for Window Phone]]
+<!-- Translation --> [[id:Mengatasi Circular Navigation pada Silverlight for Window Phone]]
 <!-- Translation --> [[zh-hans:在Silverlight中为Window Phone解决循环导航]]

← Older revision		Revision as of 05:54, 12 October 2012
Line 49:		Line 49:
	<references/>		<references/>
	<!-- Translation --> [[en:Mengatasi Circular Navigation pada Silverlight for Window Phone]]		<!-- Translation --> [[en:Mengatasi Circular Navigation pada Silverlight for Window Phone]]
		+	<!-- Translation --> [[zh-hans:在Silverlight中为Window Phone解决循环导航]]

@@ Line 26: / Line 26: @@
 == Introduction ==
-In the "standard" Windows Phone Silverlight application model, users move linearly "forward" through pages and can then use the back button to "unwind" back through previously visited pages, and finally to exit. Windows Phone keeps track of the page "back-stack", making it easy to implement a linear path forward and back through navigated pages.
+In the "standard" Windows Phone Silverlight application model, users move linearly "forward" through pages and can then use the "back" button to retract through previously visited pages, and finally to exit. Windows Phone navigation history maintains a "last-in, first-out" structure called "back-stack". This provision makes it easy to implement a linear path forward and back through navigated pages.
 However it is possible to directly navigate to an arbitrary URI from any page, and this can result in navigation to a URI that is already in the back-stack, creating a loop. This can result in confusing navigation for the end user. Consider for example if the user can navigates to "Home" rather than unwinding the page stack as shown in the game [http://www.windowsphone.com/id-id/store/app/petualangan-aksara-di-tanah-jawa/a7b95aaa-221d-4684-ac5e-06a1cd016523 Petualangan Aksara di Tanah Jawa] below:

@@ Line 1: / Line 1: @@
-[[Category:Windows Phone]][[Category:Silverlight]][[Category:Tutorial]]
+[[Category:Windows Phone]][[Category:Silverlight]][[Category:Tutorial]][[Category:Code Examples]][[Category:UI]]
-{{Abstract|This article explains how to resolve circular navigation problem that may occurs in the navigation between pages in Silverlight for Windows Phone. }}
+{{Abstract|This article explains the Windows Silverlight app "circular navigation problem", and introduces the [http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/12/13/solving-circular-navigation-in-windows-phone-silverlight-applications.aspx NonLinear Navigation Services] library which can be used to overcome it. }}
 {{ArticleMetaData <!-- v1.2 -->
@@ Line 26: / Line 26: @@
 == Introduction ==
-In the Silverlight for Windows Phone application model which is using several pages as its element, almost all applications consist of the various pages and the user has the right to navigate back. For each application, Windows Phone also keeps back-stack of pages which is a history of the pages that have been visited by the user. With such mechanism, developers are often faced with a situation where the application has a loop on page navigation.
+In the "standard" Windows Phone Silverlight application model, users move linearly "forward" though pages and can then use the back button to "unwind" back through previously visited pages, and finally to exit. Windows Phone keeps track of the page "back-stack", making it easy to implement a linear path forward and back through navigated pages.
-Loop on the back-stack from the application navigation means there is duplication of the same page in the application back-stack. For example, the illustration can be seen in game [http://www.windowsphone.com/id-id/store/app/petualangan-aksara-di-tanah-jawa/a7b95aaa-221d-4684-ac5e-06a1cd016523 Petualangan Aksara di Tanah Jawa] below:<br/>[[File:CircularNavigationIllustrat.jpg]]
+However it is possible to directly navigate to an arbitrary URI from any page, and this can result in navigation to a URI that is already in the back-stack, creating a loop. This can result in confusing navigation for the end user. Consider for example if the user can navigates to "Home" rather than unwinding the page stack as shown in the game [http://www.windowsphone.com/id-id/store/app/petualangan-aksara-di-tanah-jawa/a7b95aaa-221d-4684-ac5e-06a1cd016523 Petualangan Aksara di Tanah Jawa] below:
-Another example, when you create registration wizard, it requires a lot of inputs so it consists of several pages. If we use {{Icode|NavigationServices.Navigate()}} method to return to the {{Icode|MainPage}} then we will return to the {{Icode|GamePage}} when we press the ''''Back'''' button. In fact, the expected response is out of the application.
+Users expect to exit the game when they press the '''back''' button from the home page, but because of the loop they will be taken back to a previously navigated "stage" page.
-The solution to overcome this problem is to use a '''NonLinear Navigation Services''' library developed by [http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/12/13/windows-phone-recipes-helping-the-community.aspx Windows Phone Recipes].
+One solution to overcome this problem is to use a [http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/12/13/solving-circular-navigation-in-windows-phone-silverlight-applications.aspx NonLinear Navigation Services]<ref>Kiriaty, Yochay. 2010. [http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/12/13/solving-circular-navigation-in-windows-phone-silverlight-applications.aspx Solving Circular Navigation in Windows Phone Silverlight Applications].</ref> library developed by [http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/12/13/windows-phone-recipes-helping-the-community.aspx Windows Phone Recipes]. This library automatically unwinds any loops if it detects that you're navigating to a page that is already in the back stack.
-−
-== Procedure ==
-The steps which must be done are quite easy, as follow:
 # Download [[File:NonLinear-WP-SLApp-Navigation-Service.zip]]
 # Add '''NonLinearNavigationServices''' project in the '''Solution''' which has been created.
-# Initialize the service at the end of class constructor whose class is the inheritance of {{Icode|Application}} class.<code csharp>NonLinearNavigationService.Instance.Initialize (RootFrame);</code>
+# Initialize the service at the end of class constructor whose class is the inheritance of {{Icode|Application}} class.<code csharp>NonLinearNavigationService.Instance.Initialize(RootFrame);</code>
 == Summary ==
-With NonLinear Navigation Services, developer will be easier to develop applications because they do not need to waste a lot of time thinking about the navigation management of the application.
+With ''NonLinear Navigation Services'', developers can more easily develop applications because they do not need to waste a lot of time thinking about the navigation management of the application.
 Good luck!
 == Reference ==
-Kiriaty, Yochay. 2010. [http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/12/13/solving-circular-navigation-in-windows-phone-silverlight-applications.aspx Solving Circular Navigation in Windows Phone Silverlight Applications].
+<references/>
 <!-- Translation --> [[en:Mengatasi Circular Navigation pada Silverlight for Window Phone]]

@@ Line 10: / Line 10: @@
 |devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 |dependencies= NonLinear Navigation Services
-|signing=<!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
+|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 |capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 |keywords= Circular Navigation, Silverlight for Windows Phone, NonLinear Navigation Services
@@ Line 16: / Line 16: @@
 |translated-by= [[User:Jeffrey.Halimsetiawan]]
 |translated-from-title= Mengatasi Circular Navigation pada Silverlight for Window Phone
-|translated-from-id= <!-- Id of translated revision -->
+|translated-from-id= 173934
-|review-by=<!-- After re-review: [[User:username]] -->
+|review-by= <!-- After re-review: [[User:username]] -->
 |review-timestamp= <!-- After re-review: YYYYMMDD -->
 |update-by= <!-- After significant update: [[User:username]]-->
 |update-timestamp= <!-- After significant update: YYYYMMDD -->
-|creationdate= <!-- Format YYYYMMDD -->
+|creationdate= 20120928
 |author= [[User:Jeffrey.Halimsetiawan]]
 }}
@@ Line 37: / Line 37: @@
 The steps which must be done are quite easy, as follow:
-# Download [http://www.developer.nokia.com/Community/Wiki/File:NonLinear-WP-SLApp-Navigation-Service.zip NonLinear Navigation Services]
+# Download [[File:NonLinear-WP-SLApp-Navigation-Service.zip]]
 # Add '''NonLinearNavigationServices''' project in the '''Solution''' which has been created.
 # Initialize the service at the end of class constructor whose class is the inheritance of {{Icode|Application}} class.<code csharp>NonLinearNavigationService.Instance.Initialize (RootFrame);</code>
@@ Line 48: / Line 48: @@
 == Reference ==
 Kiriaty, Yochay. 2010. [http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/12/13/solving-circular-navigation-in-windows-phone-silverlight-applications.aspx Solving Circular Navigation in Windows Phone Silverlight Applications].