Windows Phone Studio入門:WP App開發(fā)的在線工具
在一段時(shí)間的內(nèi)測(cè)以后,微軟于今天早些時(shí)候發(fā)布了其Windows Phone應(yīng)用開發(fā)的在線工具,名字叫做Windows Phone Studio。其意義在于,通過(guò)簡(jiǎn)單的內(nèi)容添加和樣式選擇,實(shí)現(xiàn)Windows Phone應(yīng)用的定制,它不僅屏蔽了Windows Phone應(yīng)用開發(fā)的技術(shù)細(xì)節(jié),使得沒有相關(guān)開發(fā)經(jīng)驗(yàn)的普通用戶可以創(chuàng)建Windows Phone平臺(tái)的App,而且可以完成應(yīng)用原型的快速開發(fā),方便有經(jīng)驗(yàn)的程序員快速實(shí)現(xiàn)其應(yīng)用程序的原型。
1. 注冊(cè)Windows Phone Studio
目前,Windows Phone Studio的注冊(cè)通過(guò)Live ID就可以通過(guò),其平臺(tái)網(wǎng)址是:http://apps.windowsstore.com/default.htm。其界面如下:
通過(guò)點(diǎn)擊Start Building,進(jìn)入Live ID登陸頁(yè)面。之后會(huì)有AppStudio需要訪問(wèn)個(gè)人信息的提示,點(diǎn)擊“是”,就可以進(jìn)入Windows Phone Studio的注冊(cè)頁(yè)面,如下圖所示:
在輸入并確認(rèn)相關(guān)的注冊(cè)信息之后,就可以進(jìn)行你的App定制了。
2. Windows Phone Studio功能簡(jiǎn)介
進(jìn)入Windows Phone Studio的主頁(yè)面之后,可以在頁(yè)面上方看到4個(gè)Tab,分別是Create、Dashboard、How to和Send us your feedback。如下圖所示。
- Create:在我們想要新建一個(gè)應(yīng)用時(shí),點(diǎn)擊Create,就可以進(jìn)入應(yīng)用程序創(chuàng)建的流程。
- Dashboard:該頁(yè)面展示了我們?cè)赪indows Phone Studio中所創(chuàng)建的應(yīng)用程序,無(wú)論是出于編輯狀態(tài),還是處于生成狀態(tài)。
- How to:該頁(yè)面給出了Windows Phone Studio的使用指南。
- Send us your feedback:該頁(yè)面和我們之前只用的user voice類似,可以給微軟提供改進(jìn)的建議和意見。
3. Create Your App
在點(diǎn)擊Create之后,進(jìn)入應(yīng)用創(chuàng)建頁(yè)面。應(yīng)用創(chuàng)建分為兩種:一種是創(chuàng)建新的App,不依賴于現(xiàn)有的模板;另一種是在現(xiàn)有模板的基礎(chǔ)上創(chuàng)建。目前來(lái)看, 提供的模板還不多,只包含一些最基本的應(yīng)用模型,包括企業(yè)、家庭、娛樂、音樂、運(yùn)動(dòng)、旅行、購(gòu)物、閱讀等等。Windows Phone Studio Team會(huì)在之后逐漸添加新的模板。我們從創(chuàng)建一個(gè)基于現(xiàn)有模板的應(yīng)用(以O(shè)ur Company為例)開始進(jìn)行介紹。
3.1 App information
點(diǎn)擊Create該模板之后,出現(xiàn)該應(yīng)用的預(yù)覽動(dòng)態(tài)頁(yè)面,如下圖所示:
點(diǎn)擊其中的Create App按鈕,出現(xiàn)第一個(gè)應(yīng)用信息頁(yè)面:App Information。在修改應(yīng)用程序名稱、加入應(yīng)用簡(jiǎn)介、同事上傳應(yīng)用的Logo(按提示上傳160*160像素的png圖片)之后,點(diǎn)擊界面上方的向右箭頭,進(jìn)入下一個(gè)步驟。
3.2 Configure App Content
在該頁(yè)面布局如下圖所示:
在Data Sources這一欄,展現(xiàn)了所有應(yīng)用相關(guān)的數(shù)據(jù)源。數(shù)據(jù)源可以包含HTML、Collection、RSS和YouTuBe這4個(gè)種類。 Application Sections欄展示了應(yīng)用相關(guān)的所有的頁(yè)面。我們可以通過(guò)上方的“+”來(lái)添加新的Sections,每個(gè)Section可以包含多個(gè)頁(yè)面。我們可以在 每個(gè)Section的編輯頁(yè)面中進(jìn)行添加。
3.2.1 編輯Section
通過(guò)點(diǎn)擊Edit按鈕,進(jìn)入Section的編輯界面,如下圖所示:
進(jìn)入編輯頁(yè)面之后,我們可以進(jìn)行數(shù)據(jù)源和具體頁(yè)面的添加和刪除。如下圖所示:
在每個(gè)具體的頁(yè)面,我們可以對(duì)顯示的內(nèi)容樣式進(jìn)行配置,圖下圖所示:
右邊的預(yù)覽窗口對(duì)所做的更改進(jìn)行實(shí)時(shí)的效果顯示,使得我們可以立刻看到效果。而不需要在應(yīng)用生成以后進(jìn)行更改。
4. Configure App Style
在應(yīng)用配置界面,我們可以進(jìn)行背景、磁貼、應(yīng)用程序啟動(dòng)畫面、鎖屏畫面等相關(guān)的設(shè)置,如下圖所示:
同樣,我們可以在右邊的預(yù)覽界面看到實(shí)時(shí)的更改效果。
5. Summary
在該頁(yè)面,統(tǒng)計(jì)應(yīng)用的所有信息,如果要?jiǎng)e人可見,可以選擇Make App Public。如下圖所示:
在確認(rèn)沒有問(wèn)題之后,可以點(diǎn)擊Generate按鈕,生成應(yīng)用。生成應(yīng)用的速度非???,一般在幾分鐘就可以在注冊(cè)的郵箱中收到郵件,通知應(yīng)用已經(jīng)生成,可以點(diǎn)擊下載。
在下載的頁(yè)面,我們可以選擇下載其生成的源代碼、生成的XAP包,甚至可以通過(guò)掃描二維碼來(lái)直接安裝。通過(guò)源代碼,專業(yè)開發(fā)者可以進(jìn)行修改,添加一些該平臺(tái)無(wú)法完成的功能和特性。如下圖所示。
以上就是Windows Phone Studio的注冊(cè)和使用,目前該平臺(tái)還處于Beta階段,Windows Phone Studio Team還在不斷改進(jìn)之中。目前該平臺(tái)相關(guān)的資源鏈接如下:
Windows Phone App Studio beta:
http://apps.windowsstore.com/default.htm
Recent blog posts on Windows Phone App Studio here:
http://blogs.windows.com/windows_phone/b/wpdev/
Windows Phone App Studio Forum:
http://social.msdn.microsoft.com/Forums/wpapps/en-US/home?forum=wpappstudio
User Voice: