Hello World !.

Presentation on theme: "Hello World !."— Presentation transcript:

1 Hello World !

2 開始新專案 在工具列點選 ”File” 並選取 ”New Project”

3 Silverlight for Windows Phone
2. 選擇應用程式的基本頁面 1. 選擇 ”Sliverlight for…” 3. 設定專案名稱及存放位置 4. 最後按 ”OK”

4 選擇 OS 2. 最後按 ”OK” 1. 選擇OS 7.1 為設計的方向

5 專案原始畫面

6 工具箱 工具列 專案內容 手機模擬的配置畫面 除錯清單 XMAL 的程式碼 物件屬性欄

7 各項功能

8 新增元件 點選 ”工具箱” 選擇 ” TextBlock” 的元件並且拖曳到右邊模擬的畫面上

9 檢視屬性 右下角的元件屬性 點選 ”TextBlock”

10 編輯元件屬性 往下拉找到”Text” 這個欄位，並且輸入 ”Hello World” 模擬的畫面元件就會跟著改變字樣

11 編譯 接著點選 ”綠色箭頭” 或 ”F5” 編譯

12 編譯畫面 編譯初始畫面

13 程式完成 第一個程式完成

14 Windows Phone 模擬器 利用Visual Studio 2010 內建模擬器測試開發之應用程式
資策會數位教育研究所，王寧疆老師製作

15 Windows Phone 模擬器 畫面轉向

16 Windows Phone 模擬器 Windows Phone 各部分元件名稱

17 Windows Phone 程式開發週期

18 Windows Phone 開發週期 應用程式開發結束後，必須要發佈到應用市集(Marketplace) 上才能讓其它Windows Phone的使用者能下載安裝。

19 Windows Phone 開發週期 開啟App Hub 設計應用程式
開發人員可使用Windows Live ID 帳號註冊至AppHub。 開發人員可從AppHub 取得相關工具、範例程式與說明文件。 Visual Studio 或 Expression Blend。 Windows Phone SDK。 開發人員可透過AppHub 發佈其應用程式。 設計應用程式 使用Visual Studio 或 Expression Blend 可獲得視覺化開發環境。

20 Windows Phone 開發週期 應用程式除錯(Debugging) 應用程式發佈(Publishing)
可透過實際Windows Phone 手機(需解鎖)或Windows Phone Emulator 測試應用程式。 應用程式發佈(Publishing) 程式設計師透過傳送 .xap 檔案至 AppHub 發佈其開發之應用程式。 Application Icon, Start Tile, Metadata, Licensing Terms, etc. AppHub 會針對應用程式進行認證。 Language, image, reliability, performance, resource management, etc.

21 Windows Phone 開發週期 應用程式管理
一旦應用程式發佈至Marketplace 後，可以透過AppHub 管理已發佈之應用程式版本，同時可以查閱使用者回饋之評分與評論。

22 Windows Phone 軟體關係圖

23 Windows Phone 應用程式專案 資策會數位教育研究所，王寧疆老師製作

24 Windows Phone 應用程式專案 工具箱(Toolbox) 拖拉
Windows Phone Programming in C#，Rob Miles

25 Windows Phone Design View

26 Windows Phone 應用程式專案 屬性(Properties) + 事件 (Events)
Windows Phone Programming in C#，Rob Miles

27 Hello World 程式 開啟Windows Phone 應用程式專案

28 Hello World程式 加入控制項至應用程式版面之上。

29 程式頁面安排與編輯 修正控制項屬性 - XAML 或 屬性面板

30 加入事件 (Event)

31 編輯事件處理內容

32 部署方案 準備上傳應用程式至裝置或 Marketplace

33 部署工具

34 XAP Windows Phone 應用程式執行檔 (.xap)。 其內容格式與 ZIP 壓縮 檔一致。
類似MS Windows 內 的執行檔 (.exe) 其內容格式與 ZIP 壓縮 檔一致。 包含XML 檔、XAML 檔、DLL 檔以及數個 圖檔。

35 APP 上架準備資料審核表與上架流程

36 專案設定檢核表

37 專案設定檢核表

38 檔案檢核表 Release 模式的 .xap 檔案 圖示 (透過 WP_IconMaker 產生) APP 畫面截圖 (一張以上)

39 專案內圖片 ApplicationIcon.png Background.png
此兩個圖示皆不可為預設之圖片，請同時修改為透過 WP_IconMaker 所製作出來的同檔名圖片。

40 畫面擷圖 按此開啟其他工具

41 截取畫面 儲存擷取下來之畫面 按此擷取目前手機畫面

42 關於畫面擷圖準備的問題 Frame Rate Counters in Windows Phone Emulator

43 上架流程 登入 APP HUB 按此上傳 APP

44 上傳程式頁面

45 填入資訊與上傳檔案 APP 中文名稱 維持「公共商城」 找出專案編譯出來的 .xap 檔 必填部份處理好後，就可以按【下一步】繼續

46 描述頁面

47 描述頁面

48 選擇APP 要上架的類別與子類別(如果有的話)
填寫說明 選擇APP 要上架的類別與子類別(如果有的話) 填入軟體說明

49 編輯關鍵字，加入軟體插圖與截圖 自定關鍵字 三個必填圖示上傳 APP 畫面截圖只要一張就好 必填部份處理好後，就可以按【下一步】繼續

50 維持 0.00 TWD 就好，可以省掉另外填寫帳戶資料的問題
設定價格 維持 0.00 TWD 就好，可以省掉另外填寫帳戶資料的問題

51 只要留下台灣就好，否則會有語系不符的問題
選擇區域 只要留下台灣就好，否則會有語系不符的問題

52 一般選擇最後一個，通過認證後，再自行上架
選擇上架方式 一般選擇最後一個，通過認證後，再自行上架 必填部份處理好後，就可以按【提交】完成上傳流程

53 上架問題項目 Q&A 原因 解法 這問題會出現在你的APP 頁面上使用了背景圖或是特別指定過前景色。
若使用背景圖，因為其顏色是固定的，所以在設計時，我們會誤以為能看到文字是沒問題的。 但是，當用戶將手機設定裡的配色上的背景色由dark 改為light 時，如果在該頁面上沒有特別指定文字顏色，則文字顏色會隨著背景色的修改而變動。 解法 請額外在 .xaml 檔中設定好前景色，就可以解決此問題。