Keywords
|
Windows mobile platform operating system Smart phone, Microsoft Silver light tools, Visual studio 2010 version. |
INTRODUCTION
|
In this paper we show you the basics of writing applications for Windows Phone 7 using the C# programming language with the Silverlight and XNA 2D frameworks. This is .NET flat form. It is very easy to interface. It is very easy understanding. Windows Phone 7 Silverlight Development Step by Step by Andy Wigley & Peter Foot offers a more toolsoriented approach. Although Michael StrohâÃâ¬ÃŸs Windows Phone 7 Plain & Simple is a guide to using the phone rather than developing for it, WINDOWS PHONE7 application creates a friendly environment to the user. Main advantages of this system is reducing power wastage saving time and also for security purposes. This application runs on windows mobile platform, the application has a graphical interface providing in convenient way. Microsoft is hard at work in developing its killer mobile OS. The new OS is now a total rewrite of the older Windows Mobile platform and sports many features that you have come to expect of a modern mobile OS. |
Paper Organization:
|
Section I introduces the Requirement of this paper. Section II Gives the description of the tools used to develop the windows mobile phone application. Section III describes the working interface of windows emulators. Section IV shows how the proposed application was developed,and the necessary program code. Section V gives theinformation regarding the output of the code implemented. |
TOOLS
|
In the series of Windows Phone 7 articles on MobiForge. We will bring you on a development journey to explore the applications.And in this first installment we will explore the tools and see how you could start writing your application quickly |
Various tools used for the development of windows phone 7 application are |
ïÃâ÷ Visual studio 2010 express for windows phone |
ïÃâ÷ Windows phone emulator resources |
ïÃâ÷ Silverlight 4 tools for Visual studio |
ïÃâ÷ XNA game studio 4.0 |
ïÃâ÷ Microsoft expression blend for windows phone |
ïÃâ÷ VISUAL STUDIO 2010 EXPRESS FOR WINDOWS PHONE |
In the above we are seeing interface for visual studio 2010 new project for Silverlight for windows phone and that is the language of visual c#. After we are clicking on the „okâÃâ¬ÃŸ button, new application page will be created. |
After opening that page we seeing the phone interface and tool boxes and solution explorer and properties blocks. Take the windows phone control from the tool box and drop into the phone page. Automatically the properties will be displayed on the properties block. And solution explorer having the different files of our project. |
ïÃâ÷ AppManifest.xml – application manifest file used for generating the XAP file. |
ïÃâ÷ AssemblyInfo.cs – configuration file containing information for the assembly, such as title, description, company, GUID, etc. |
ïÃâ÷ WMAAppManifest.xml – contains manifest information for the application, such as application capabilities, background image, etc |
ïÃâ÷ App.xaml.cs – code-behind foe the App.xamlfile. This is where you implement the various methods to handle the applicationâÃâ¬ÃŸs life cycle. |
ïÃâ÷ ApplicationIcon.png – the icon that is displayed when you install your application on the phone. |
ïÃâ÷ Background.png – the image to display when your application is “pinned” to the start screen. |
ïÃâ÷ Mainpage.xaml – the main page to load foe=r your application. |
ïÃâ÷ Mainpage.xaml.cs – the code-behind for the main page of your application. |
ïÃâ÷ SplashScreenImage.jpg – the splash screen that will be displayed when you first start your application. |
WINDOWS PHONE EMULATOR RESOURCES
|
Your program will quickly build and in the status bar youâÃâ¬ÃŸll see the text “Connecting to Windows Phone 7 Emulator…” The first time you use the emulator during a session, it might take a little time to start up. If you leave the emulator running between edit/build/run cycles, Visual Studio doesnâÃâ¬ÃŸt need to establish this connection again. Soon the phone emulator will appear on the desktop and youâÃâ¬ÃŸll see the opening screen, followed soon by this little do-nothing Silverlight program as it is deployed and run on the emulator. On the phone youâÃâ¬ÃŸll see pretty much the same image you saw in the design view. The phone emulator has a little floating menu at the upper right that comes into view when you move the mouse to that location. You can change orientation through this menu, or change the emulator size. By default, the emulator is displayed at 50% actual size, about the same size as the image on this page. When you display the emulator at 100%, it becomes enormous, and you might wonder “How will I ever fit a phone this big into my pocket?” The difference involves pixel density. Your computer screen probably has about 100 pixels per inch. (By default, Windows assumes that screens are 96 DPI.) The screen on an actual Windows |
Phone 7 device is more than 2½ times that. When you display the emulator at 100%, youâÃâ¬ÃŸre seeing all the pixels of the phoneâÃâ¬ÃŸs screen, but at about 250% their actual size. You can terminate execution of this program and return to editing the program either though Visual Studio (using Shift-F5 or by selecting Stop Debugging from the Debug menu) or by clicking the Back button on the emulator. DonâÃâ¬ÃŸt exit the emulator itself by clicking the X at the top of the floating menu! Keeping the emulator running will make subsequent deployments go much faster. |
While the emulator is still running, it retains all programs deployed to it. If you click the arrow at the upper-right of the Start screen, youâÃâ¬ÃŸll get a list that will include this program identified by the text “Silverlight Hello Phone” and you can run the program again. The program will disappear from this list when you exit the emulator. |
CREATING WINDOWS PHONE 7 APPLICATION
|
Here first we are creating simple application that is display the time on the screen. Here first open the visual studio 2010, and select the c# language and select the tool Silverlight for windows phone 7, and take the application page. Here we are seeing the application page design interface and Xmalcode of the page. |
After taking the text box, that box was dropped on the design page, and change the properties of the design page and text block. In the properties block. The design page XMAL code will be generated automatically in background. That is shown in below. |
<phone:PhoneApplicationPage |
x:Class="SilverlightSimpleClock.MainPage" |
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" |
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" |
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" |
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" |
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" |
FontFamily="{StaticResourcePhoneFontFamilyNormal}" |
FontSize="{StaticResourcePhoneFontSizeNormal}" |
Foreground="{StaticResourcePhoneForegroundBrush}" |
SupportedOrientations="PortraitOrLandscape" Orientation="Portrait" |
mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768" |
shell:SystemTray.IsVisible="True" Loaded="PhoneApplicationPage_Loaded"> |
|
<!--LayoutRoot contains the root grid where all other page content is placed--> |
<Grid x:Name="LayoutRoot" Background="Transparent"> |
<Grid.RowDefinitions> |
<RowDefinition Height="Auto"/> |
<RowDefinition Height="*"/> |
</Grid.RowDefinitions> |
|
<!--TitlePanel contains the name of the application and page title--> |
<StackPanel x:Name="TitlePanel"Grid.Row="0" Margin="12,17,0,28"> |
<TextBlock x:Name="ApplicationTitle" Text="SIMPLE CLOCK" Style="{StaticResourcePhoneTextNormalStyle}"/> |
<TextBlock x:Name="PageTitle" Text="main page" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> |
</StackPanel> |
|
<!--ContentPanel - place additional content here--> |
<Grid x:Name="ContentPanel"Grid.Row="1" Margin="12,0,12,0"> |
<TextBlock Name="txtblk" |
HorizontalAlignment="Center" |
VerticalAlignment="Center" /> |
</Grid> |
</Grid> |
|
<!-- Sample code showing usage of ApplicationBar |
<phone:PhoneApplicationPage.ApplicationBar> |
<shell:ApplicationBarIsVisible="True" IsMenuEnabled="True"> |
<shell:ApplicationBarIconButton x:Name="appbar_button1" IconUri="/Images/appbar_button1.png" Text="Button |
1"></shell:ApplicationBarIconButton> |
<shell:ApplicationBarIconButton x:Name="appbar_button2" IconUri="/Images/appbar_button2.png" Text="Button 2"></shell:ApplicationBarIconButton> |
<shell:ApplicationBar.MenuItems> |
<shell:ApplicationBarMenuItem x:Name="menuItem1" Text="MenuItem 1"></shell:ApplicationBarMenuItem> |
<shell:ApplicationBarMenuItem x:Name="menuItem2" Text="MenuItem 2"></shell:ApplicationBarMenuItem> |
</shell:ApplicationBar.MenuItems> |
</shell:ApplicationBar> |
</phone:PhoneApplicationPage.ApplicationBar> |
--> |
</phone:PhoneApplicationPage> |
This code will be displayed on the XMAL page. In the above code we will see the all properties of the application page and totally XMAL code of the design page. After this design we have to write the working code. That is application page working code. These design issues all are in the Main page.Xmal. The working code will be written in Main page.Xmal.cs page. This will be generatedwhen double click on the design page. |
using System; |
usingSystem.Windows.Threading; |
usingMicrosoft.Phone.Controls; |
These all are libraries. And writing the code we are using the different types of methods. In the above we are using the DispatcherTimer is the variable, and method is DateTime.Now.Tostring (); |
After writing the code save the project. And run with the emulator. Emulator will be display the output of the application page. |
OUTPUT OF THE APPLICATION PAGE
|
Run with the Emulator. And see the output. |
CONCLUSION
|
The application we designed here based on windows mobile phone platform operating system, is a quite simple one, and if we wish to enhance the features of the application.We can use the application in real time world, such as controlling of home appliances using a very convenient smart and a flexible interface including good graphics makes our daily life much ease and comfortable, we showed here a very tiny example which can embrace the enthusiastic. |
Figures at a glance
|
![Click Here Figure 1](https://www.rroij.com/articles-images/IJAREEIE-708-g001.gif) |
![Click Here Figure 2](https://www.rroij.com/articles-images/IJAREEIE-708-g002.gif) |
![Click Here Figure 3](https://www.rroij.com/articles-images/IJAREEIE-708-g003.gif) |
Figure 1 |
Figure 2 |
Figure 3 |
|
![Click Here Figure 1](https://www.rroij.com/articles-images/IJAREEIE-708-g004.gif) |
![Click Here Figure 2](https://www.rroij.com/articles-images/IJAREEIE-708-g005.gif) |
![Click Here Figure 3](https://www.rroij.com/articles-images/IJAREEIE-708-g006.gif) |
Figure 4 |
Figure 5 |
Figure 6 |
|
|
References
|
- Charles Petzold, ” Programming Windows Phone 7”,pp.393-589,2010
- Brian Faucher, ”Windows phone7 application development”,pp.3-37,2011
- Nick Randolph,Christopher Fairbairn, ”Professional Windows Phone 7 Application Development: Building Applications and Games Using Visual Studio, Silverlight, and XNA”,pp.123-149,2010
- Rob Cameron, ”Pro Windows Phone 7 Development”,edition.2,pp.1-305,2011
- Windows Phone 7 Application Development - from internet Microsoft windows.
- Phone 7 development center-general thesis submitted documents from open source internet.
- Geoffrey Hunt ,lebogangmadise, “coding workshop for windows phone”, 2012
- Nick lecrenski, karl Watson, Robert fonseca-ensor,” Beginning windows phone 7 application development”,pp.1-99, 2011.
- Henry Lee ,EugenebChuvyrov ,”Windows phone application Development”, pp 1-15.
- Nick Radolph, Christopher Fairbairn ,”Professional Windows Phone 7 Application Development”,pp 1-13.
- Adam Dawes ,”Windows phone 7 Game Development”,pp 1-150.
- MichealStroh,”PlainAnd Simple Windows Phone 7”.
- Alex Horner,ScottDensmore,DominicBetts,Fredricore,Jose Gallardo Salzar,”Windows Phone 7 Developers Guide”.
- Jonathan Marbutt,RobbSchieferJr ,”Windows Phone 7 Silverlight Cook Book”.
- Jon Westfall,”Windows Phone 7 Made simple”pp 1-200.
|