|
除了Windows Phone 7的UI可以用Silverlight框架來設(shè)計,還可以用Silverlight創(chuàng)建Windows Phone 7的應(yīng)用程序。本文為一個國外.NET平臺開發(fā)者為Windows Phone 7創(chuàng)建的Silverlight應(yīng)用程序。
以下為譯文:
序言
Windows Phone 7 現(xiàn)在已經(jīng)開始銷售了,一些激進的開發(fā)者已經(jīng)在使用一些開發(fā)者工具創(chuàng)建新一代的Angry Birds或 NETflix 應(yīng)用程序了。就像我們在過去的文章中提到的那樣,為了方便開發(fā)者創(chuàng)建 Windows Phone 應(yīng)用程序,微軟提供了一套免費的開發(fā)者工具。Windows Phone的架構(gòu)可以讓開發(fā)者選擇兩種不同的框架來創(chuàng)建 Windows Phone 應(yīng)用程序/游戲的時候。在這篇文章中,我們主要關(guān)注使用 Silverlight 框架來創(chuàng)建 Windows Phone 應(yīng)用程序。
為什么要使用Silverlight?
我們不禁要問:為什么要使用Silverlight框架來創(chuàng)建 Windows Phone 應(yīng)用程序呢?
Silverlight(大家通常認為Silverlight是Flash的直接競爭對手)可以讓W(xué)eb開發(fā)者們創(chuàng)建富互聯(lián)網(wǎng)應(yīng)用程序。對于那些需要良好的應(yīng)用程序邏輯或?qū)嵱眯缘某绦騺碚f,你肯定更喜歡使用Silverlight。
Microsoft Visual Studio中的Silverlight項目入門
在你安裝了 Windows Phone 開發(fā)者工具以后,你可以直接運行Visual Studio Express for Windows Phone。或者,如果你已經(jīng)安裝了 Visual Studio 2010 Pro SKUs,你可以運行 Visual Studio 2010 Pro SKUs,然后選擇 File -> New -> Project,然后再從模板類型中選擇 Silverlight for Windows Phone 7。
圖1 選擇Silverlight for Windows Phone 7
這是一些你需要了解的模板。根據(jù)具體的應(yīng)用程序類型,你可以選擇最合適的模板。
對于我們的Demo來說,我們會選擇基礎(chǔ)的Windows Phone Application模板。把我們的項目命名成WindowsPhoneApplicationDemo,然后按Enter鍵來創(chuàng)建這個項目。
如果我們按了Enter鍵,IDE(Integrated development environment)會進行一系列操作,并且創(chuàng)建一大推文件Appl.xaml, MainPage.xaml 和其他圖像文件 ApplicationIcon.png, Background.png 和 SplashScreenImage.jpg 。
讓我們看看這些文件都是什么:
為了看到設(shè)計器視圖,可以在 MainPage.xaml 上右擊,然后點擊View Designer(如果設(shè)計器還不可用的話)。這是設(shè)計器的外觀,以及后臺代碼:
圖2 設(shè)計器視圖
對于我們的應(yīng)用程序來說,我們打算創(chuàng)建一個簡單的計算器,它可以讓用戶在攝氏溫度和華氏溫度之間進行轉(zhuǎn)換。要開始這個工作,可以按Ctrl + Alt + X,彈出ControlBox,然后把兩個TextBlock控件,兩個TextBox控件,和一個Button控件拖放到設(shè)計器上,如下圖所示:
圖3 彈出的相應(yīng)控件
現(xiàn)在,讓我們開始定制我們的應(yīng)用程序。
在 MainPage.xaml.cs 中找到下面這個代碼段,然后把ApplicationTitle的Text屬性改成My cool convertor,把PageTitle的Text屬性改成Let's rock WP7。
1. <!--TitlePanel contains the name of the application and page title-->
2. <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
3. <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoNETextNormalStyle}"/>
4. <TextBlock x:Name="PageTitle" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoNETextTitle1Style}"/>
5. </StackPanel>
6.
7. Also change the following snippet in MainPage.xaml.cs as highlighted.
8. <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
9. <TextBlock Height="30" HorizontalAlignment="Left" Margin="29,71,0,0" Name="textBlock1" Text="Degrees" VerticalAlignment="Top" />
10. <TextBox Height="72" HorizontalAlignment="Left" Margin="162,54,0,0" Name="textBox1" Text="0" VerticalAlignment="Top" Width="245"></TextBox>
11. <TextBlock Height="30" HorizontalAlignment="Left" Margin="29,177,0,0" Name="textBlock2" Text="Fahrenheit" VerticalAlignment="Top" />
12. <TextBox Height="72" HorizontalAlignment="Left" Margin="162,162,0,0" Name="textBox2" Text="0" VerticalAlignment="Top" Width="245" />
13. <Button Content="Clear" Height="72" HorizontalAlignment="Left" Margin="139,320,0,0" Name="button1" VerticalAlignment="Top" Width="160" />
14. </Grid>
it知識庫:Windows Phone 7中用好Silverlight開發(fā)利器,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。