簡(jiǎn)介
Windows Phone 7程序的開(kāi)發(fā)得使用C#程序語(yǔ)言。存在兩種框架(方式)可以開(kāi)發(fā)Windows Phone程序,一種就Silver Light,另外一種是XNA Framework。Silver Light用來(lái)開(kāi)發(fā)Internet富客戶(hù)端程序,XNA Framework者主要用于游戲開(kāi)發(fā)。這里介紹使用Silver Light開(kāi)發(fā)第一個(gè)WindowsPhone7應用程序。
閱讀本文前建議你有編程基礎,并假設你已經(jīng)從Microsoft App Hub網(wǎng)站上下載Windows Phone7開(kāi)發(fā)工具。
我這里使用的是App Hub網(wǎng)站上下載的Microsoft Visual Studio 2010 Express等開(kāi)發(fā)工具。
本文參考Microsoft's MSDN的《How to: Create Your First Silverlight Application for Windows Phone》編寫(xiě)。
上傳多次出現500 Internal Server Error為此改了幾個(gè)小時(shí),文章內容不得不做了很多刪除,郁悶呀。
正文
[Step1]啟動(dòng)“Microsoft Visual Studio 2010 Express”新建項目C# Silver Light For Windows Phone

圖一 新建項目
參考上圖[Visual C#]->[Silverlight for Windows Phone]->[Windows Phone Application],修改“Name”項目名稱(chēng)為,“Hello Phone”。

圖二 項目文件列表
項目采用MVC(模型-視圖-控制)分塊方式。
視圖在MainPage.xaml文件中定義,控制和模型可以在MainPage.xaml.cs文件中定義。
我們可以直接修改MainPage.xaml文件,也可以打開(kāi)Properties窗口

圖三 WP7模擬器
[Step2]右鍵單擊圖三“My Application”區域,彈出菜單,選擇“Properties”,右下角出現“Properties”窗口。

修改 圖四 Properties 窗口 [Common]->[Text]中“MY APPLICATION”為“MY FIRST APPLICATION”。
[Step3]添加對縱向和橫向方向的支持。 點(diǎn)擊XAML代碼的第一行,Phone Application Page 頁(yè)的屬性,會(huì )顯示在屬性窗口。 圖五 改變定位方向支持。

“Supported Orientations”屬性,從“Portrait”改為“Portrait Or Landscape”。
[Step4] [View]->[Other Windows]->[Toolbox],打開(kāi)Visual Studio中的軟件工具箱。

[Step5] 點(diǎn)擊 圖七“page name”區域,在屬性窗口Text域中把“page name”改為“Mini Browser”。把圖六 軟件工具箱中的Text Box 控件拖放到設計界面(Designer Surface) ,

圖七 設計界面
參考圖七 使用鼠標調整文本框的寬度,在屬性窗口中文本框對象默認名稱(chēng)為textBox1。
textBox1對象的屬性要做以下修改,Text屬性 這里隨便添一個(gè)http網(wǎng)址
Width屬性添Auto
Height屬性添Auto
Horizontal屬性添Alignment Stretch
Vertical屬性添Alignment Top
[Step6]拖動(dòng)Button控件到設計界面textbox控件的右邊,修改Button控件的Content屬性為“Go” ,設計界面中按鈕的名稱(chēng)相應的顯示為“Go”,如果不去修改Button控件對象的名稱(chēng),Button控件對象的名稱(chēng)為button1。
為了使程序支持橫向和縱向顯示,設置Button控件水平對齊方向為“Right”,垂直對齊方向為“Top”,Height和Width屬性為Auto。
[Step7]把工具箱中的WebBrowser控件放到前面兩個(gè)控件的下面,該控件的默認對象名稱(chēng)為“webBrowser1”。 調整該控件的大小,使它填滿(mǎn)剩余的空間。設置控件的“Height”、“Width”屬性為“Auto”。設置水平和垂直對齊方式為“Stretch”,使之適應橫向和縱向顯示。
你的布局現在應該已經(jīng)完成了,如果控件的“Height”和“Width”屬性不在XAML文件中,則這些屬性默認值為Auto。
[Step8]雙擊“Go”按鈕控件為這個(gè)控件建立“click event”,這時(shí)IDE會(huì )同時(shí)更新 MainPage.xaml.cs 文件和MainPage.xaml文件,使這兩個(gè)文件有了該事件的對應關(guān)系。
修改MainPage.xaml.cs文件的button1_Click函數為如下形式。
Step9]現在應用程序開(kāi)發(fā)已經(jīng)完成,現在可以編譯(F6)、運行(Ctrl+F5)、跟蹤(F5)這個(gè)應用程序了。

圖八 旋轉手機

圖九 程序的運行界面
若程序編譯有錯誤,打開(kāi)Visual Studio主菜單[View]->[Other Windows]->[Error List]窗口,查看出錯信息。你也可以在cs文件里面下斷點(diǎn)(F9)跟蹤代碼。


聯(lián)系客服