Floating FB popout byF5debug

101 How to on Windows Phone – How to #96 – How to Simulate Lock and Unlock Screen Scenarios in Windows Phone Emulator

 

In this article we are going to see how to Simulate the Lock screen behavior while testing the application in Windows Phone Emulator. With this feature check we can test how our apps restores its state while activating and deactivating the Lock screen when the application is in working stage. The application instead of going to terminated state it should go to dormant stage unless we have enabled tombstoning on debugging the application. While the phone is unlocked the app will basically be activated and restores the state of the application.    [more]

Let us see how we can use this feature in Windows Phone Emulator while locking and unlocking the application. Open Visual Studio 2012 IDE in administrator mode and open an existing application which we developed in our previous articles as shown in the screen below.

image

Now let us see how we can simulate the lock screen scenarios in Windows Phone Emulator, first run the application in emulator or the device without debugging mode as shown in the screen below.

image

In Visual Studio 2012 IDE, under tools menu we have an option Simulation Dashboard which will be the primary tool to test the scenarios. Click on the Simulation Dashboard will show a popup window as shown in the screen below.

image


In the simulation dashboard we can see the option Lock Screen with 2 radio buttons Locked and Unlocked. So we can change between these 2 options to test the application in the Lock Scenario and in the Unlock scenario. From the coding perspective when the phone is locked first the Obscured event happens and followed by the Deactivate event will be raised and when the phone is unlocked first the Activated event will be raised and then the UnObscured event will be raised.

About Author: Karthikeyan Anbarasan, Microsoft MVP (Most Valuable Professional) in ASP.NET/IIS Architecture. He is the Founder and Chief Editor of the www.f5debug.net website and has authored books on Windows Phone and Business Intelligence(SSIS). He is also a Passionate Speaker and a Blogger on Microsoft Technologies.

You can Join Me On: Facebook, Twitter, Google Plus, LinkedIn

Add comment

  Country flag

biuquote
  • Comment
  • Preview
Loading

Recent Posts

Random Posts

Most Viewed

URL Shortner

Create your own short urls!!!

Site Counter

free counters

Disclaimer

This is a personal weblog. The opinions expressed here represent my own and not those of my employer. For accuracy and official reference refer to MSDN/ TechNet. I have documented my personal experience on this blog.

Protected by Copyscape Web Plagiarism Finder

Site Meter
F5debug | Learn Windows Phone 7 Development in 31 Days – Day 19 – Working with Web Browser Control in WP7

Floating FB popout byF5debug

Learn Windows Phone 7 Development in 31 Days – Day 19 – Working with Web Browser Control in WP7

 

Introduction:

In this article we are going to see how to use Web Browser control in Windows phone 7 development. Web Browser control in windows phone 7 is used to access a static content or a web based content based on the development need. We can use a number of ways to use this control in our windows phone 7 development like we can use to dynamically generate a HTML code and display as a page or we can use to show a static page saved in a Isolated Storage or to save the page to an isolated storage. Let us jump start to see the step by step process on how to make use of the Windows Phone 7 Web Browser control.     [more]

Steps:

Open Visual Studio 2010 and create a new Silverlight for Windows Phone 7 application with a valid project name as shown in the screen below.

clip_image002

Now we can see the Windows Phone 7 designer and XAML windows where we can start designing our application. Let us start with directly drag and drop the Web Browser control from the Visual Studio Tool Box and re-size it as shown in the screen below.

clip_image004

XAML Code:

01

<!--TitlePanel contains the name of the application and page title-->

02

<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">

03

<TextBlock x:Name="ApplicationTitle" Text="F5DEBUG WP7 TUTORIALS" Style="{StaticResource PhoneTextNormalStyle}"/>

04

<TextBlock x:Name="PageTitle" Text="Web Browser" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>

05

</StackPanel>

06

 

07

<!--ContentPanel - place additional content here-->

08

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

09

<phone:WebBrowser HorizontalAlignment="Left" Margin="9,121,0,0" Name="webBrowser1" VerticalAlignment="Top" Height="475" Width="441" />

10

<TextBox Height="72" HorizontalAlignment="Left" Margin="-4,22,0,0" Name="textBox1" Text="TextBox" VerticalAlignment="Top" Width="380" />

11

<Button Content="Go" Height="72" HorizontalAlignment="Left" Margin="371,22,0,0" Name="button1" VerticalAlignment="Top" Width="85" />

12

</Grid>

Now let us add our code behind to access a web site by providing the URL. We need to use the Source property of the Web Browser Control to assign the URI to navigate on clicking of the button also we have an alternative approach of using the Navigate(URI) property to do the same task as shown in the screen below.

Code Behind:

1

private void button1_Click(object sender, RoutedEventArgs e)

2

{

3

string strURI = textBox1.Text.ToString();

4

 

5

webBrowser1.Source = new Uri(strURI, UriKind.Absolute);

6

 

7

//webBrowser1.Navigate(new Uri(strURI, UriKind.Absolute));

8

}

clip_image006

Now let us run the application to check the output in the Windows Phone 7 Emulator, just press F5 to build and execute the project and we can see the result as shown in the screen below.

clip_image008

Now let us see how we can create a dynamic html and map it to the web browser control to load the html content as a static page. First let us add a new page and add the webbrowser control to that as we did in our above steps. Once we added the control to load the html we can see the screen looks like below.

XAML Code:

1

<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">

2

<TextBlock x:Name="ApplicationTitle" Text="F5DEBUG WP7 TUTORIALS" Style="{StaticResource PhoneTextNormalStyle}"/>

3

<TextBlock x:Name="PageTitle" Text="Web Browser" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>

4

</StackPanel>

5

 

6

<!--ContentPanel - place additional content here-->

7

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

8

<phone:WebBrowser HorizontalAlignment="Left" Margin="9,6,0,0" Name="webBrowser1" VerticalAlignment="Top" Width="441" Height="595" />

9

</Grid>

clip_image010

Now let us add the code to load the HTML content using the WebBrowser_onloaded event as shown in the below code. The code will take the static html content and load it to the web browser control. Add the below code to the code behind of the page to load any static HTML page as per the requirement.

Code Behind:

01

public WebBrowserPage2()

02

{

03

InitializeComponent();

04

webBrowser1.Loaded += WebBrowser_OnLoaded;

05

}

06

 

07

private void WebBrowser_OnLoaded(object sender, RoutedEventArgs e)

08

{

09

webBrowser1.NavigateToString("<html><head><meta name='viewport' content='width=480, user-scalable=yes' /></head><body><h2>Welcome to F5debug!!!</h2><p>To get more updates visit www.f5Debug.net</p></body></html>");

10

}

clip_image012

Now let us run the application and we can see the WebBrowser control load the static html content. To build and execute the application press F5 and we can see the output in the Windows Phone 7 Emulator as shown in the screen below.

clip_image014

Conclusion:

So in this article we have seen how to use the Web Browser control works with Windows Phone 7 application development.

About Author: Karthikeyan Anbarasan, Microsoft MVP (Most Valuable Professional) in ASP.NET/IIS Architecture. He is the Founder and Chief Editor of the www.f5debug.net website and has authored books on Windows Phone and Business Intelligence(SSIS). He is also a Passionate Speaker and a Blogger on Microsoft Technologies.

You can Join Me On: Facebook, Twitter, Google Plus, LinkedIn

Add comment

  Country flag

biuquote
  • Comment
  • Preview
Loading

Recent Posts

Random Posts

Most Viewed

URL Shortner

Create your own short urls!!!

Site Counter

free counters

Disclaimer

This is a personal weblog. The opinions expressed here represent my own and not those of my employer. For accuracy and official reference refer to MSDN/ TechNet. I have documented my personal experience on this blog.

Protected by Copyscape Web Plagiarism Finder

Site Meter