簡(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富客戶端程序,XNA Framework者主要用于游戲開(kāi)發(fā)。這里介紹使用Silver Light開(kāi)發(fā)第一個(gè)WindowsPhone7應(yīng)用程序。
閱讀本文前建議你有編程基礎(chǔ),并假設(shè)你已經(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ě)。
上傳多次出現(xiàn)500 Internal Server Error為此改了幾個(gè)小時(shí),文章內(nèi)容不得不做了很多刪除,郁悶呀。
正文
[Step1]啟動(dòng)“Microsoft Visual Studio 2010 Express”新建項(xiàng)目C# Silver Light For Windows Phone
圖一 新建項(xiàng)目
參考上圖[Visual C#]->[Silverlight for Windows Phone]->[Windows Phone Application],修改“Name”項(xiàng)目名稱(chēng)為,“Hello Phone”。
圖二 項(xiàng)目文件列表
項(xiàng)目采用MVC(模型-視圖-控制)分塊方式。
視圖在MainPage.xaml文件中定義,控制和模型可以在MainPage.xaml.cs文件中定義。
我們可以直接修改MainPage.xaml文件,也可以打開(kāi)Properties窗口
圖三 WP7模擬器
[Step2]右鍵單擊圖三“My Application”區(qū)域,彈出菜單,選擇“Properties”,右下角出現(xiàn)“Properties”窗口。
修改 圖四 Properties 窗口 [Common]->[Text]中“MY APPLICATION”為“MY FIRST APPLICATION”。
[Step3]添加對(duì)縱向和橫向方向的支持。 點(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”區(qū)域,在屬性窗口Text域中把“page name”改為“Mini Browser”。把圖六 軟件工具箱中的Text Box 控件拖放到設(shè)計(jì)界面(Designer Surface) ,
圖七 設(shè)計(jì)界面
參考圖七 使用鼠標(biāo)調(diào)整文本框的寬度,在屬性窗口中文本框?qū)ο竽J(rèn)名稱(chēng)為textBox1。
textBox1對(duì)象的屬性要做以下修改,Text屬性 這里隨便添一個(gè)http網(wǎng)址
Width屬性添Auto
Height屬性添Auto
Horizontal屬性添Alignment Stretch
Vertical屬性添Alignment Top
[Step6]拖動(dòng)Button控件到設(shè)計(jì)界面textbox控件的右邊,修改Button控件的Content屬性為“Go” ,設(shè)計(jì)界面中按鈕的名稱(chēng)相應(yīng)的顯示為“Go”,如果不去修改Button控件對(duì)象的名稱(chēng),Button控件對(duì)象的名稱(chēng)為button1。
為了使程序支持橫向和縱向顯示,設(shè)置Button控件水平對(duì)齊方向?yàn)?#8220;Right”,垂直對(duì)齊方向?yàn)?#8220;Top”,Height和Width屬性為Auto。
[Step7]把工具箱中的WebBrowser控件放到前面兩個(gè)控件的下面,該控件的默認(rèn)對(duì)象名稱(chēng)為“webBrowser1”。 調(diào)整該控件的大小,使它填滿剩余的空間。設(shè)置控件的“Height”、“Width”屬性為“Auto”。設(shè)置水平和垂直對(duì)齊方式為“Stretch”,使之適應(yīng)橫向和縱向顯示。
你的布局現(xiàn)在應(yīng)該已經(jīng)完成了,如果控件的“Height”和“Width”屬性不在XAML文件中,則這些屬性默認(rèn)值為Auto。
[Step8]雙擊“Go”按鈕控件為這個(gè)控件建立“click event”,這時(shí)IDE會(huì)同時(shí)更新 MainPage.xaml.cs 文件和MainPage.xaml文件,使這兩個(gè)文件有了該事件的對(duì)應(yīng)關(guān)系。
修改MainPage.xaml.cs文件的button1_Click函數(shù)為如下形式。
Step9]現(xiàn)在應(yīng)用程序開(kāi)發(fā)已經(jīng)完成,現(xiàn)在可以編譯(F6)、運(yùn)行(Ctrl+F5)、跟蹤(F5)這個(gè)應(yīng)用程序了。
圖八 旋轉(zhuǎn)手機(jī)
圖九 程序的運(yùn)行界面
若程序編譯有錯(cuò)誤,打開(kāi)Visual Studio主菜單[View]->[Other Windows]->[Error List]窗口,查看出錯(cuò)信息。你也可以在cs文件里面下斷點(diǎn)(F9)跟蹤代碼。
聯(lián)系客服