燃燒你的 App 開發熱血: 從 //build/ -> //learn/ 到 //publish/

在 4 月初的 //Build/ 2014 開發者大會,Microsoft 宣佈了 Windows Phone 8.1 以及通用 Windows 應用程式(Universal Windows App)的架構,開發人員只要使用 C#/VB.net、C++ 或 JavaScript (HTML5) 其中一個程式語言,並基於 Windows Runtime 來開發 app,便能夠一次跨足手機、平板、PC 甚至是電視 (XBOX ONE) 等多種不同的裝置。現在你已經可以在 Channel 9 上觀看全部 //Build/ 2014 包括 Keynote、分堂課程的全程錄影及投影片,而接下來仍然有一系列的活動歡迎想開發 app 的你參與。 //learn/ (2014/04/24) 這個活動由 Microsoft MVPs 來主持,他們將會利用線上課程(Webinar)的形式,在網路上教授關於 App 開發的相關知識,台灣這裡也由三位 MVPs (Jeffray Huang, Bill Chung 以及 Pou Lin) 以全中文的方式教學,歡迎你立刻註冊學習。 立即上手(Jump…

0

//Build/ 2014 第一天 Keynote 重點整理 (下)

這篇是接續上集的,主要是談論 Windows/Windows Phone 開發平台、Windows 物聯網、XBOX One 等等。 Universal Windows App 我們都知道一個人都會擁有多台裝置,所以讓 app 跨裝置是一件重要的事,於是推出了 Universal Windows App 的概念,讓 app 能在手機、平板或 PC 上執行。並且希望開發一次 app,然後根據不同裝置的解析度自動適應操作界面的佈局。 Universal Windows App  Universal Windows App 的開發是基於 Windows Runtime,這對原本的 Windows 市集應用程式開發模式沒有太大的改變,而是讓 Windows Phone 加入了這樣的開發方式,以達到一個 app、在多裝置下運行。 基於 Windows Runtime 來開發,可選擇多種程式語言  Universal Windows App 在開發專案中,可以在同一個 solution 下用兩個 projects 來分別放入 Windows 或 Windows Phone 的檔案,也可以共用部份程式碼或函式庫。 Universal…

0

//Build/ 2014 第一天 Keynote 重點整理 (上)

//Build/ 是微軟年度的開發者大會,今年在舊金山舉行,而在第一天的 Keynote 大會演講之中,揭露了不少 Windows、Windows Phone、XBOX ONE 以及 Windows IoT (Internet of Things, 物聯網) 的更新及展望。您也可以在 Channel 9 上面看到整個大會的錄影(包含 Keynote 及分堂課程)。以下則為第一天 Keynote 的重點整理: 索引 Windows Phone 8.1 Windows 8.1 更新 這次在 Channel 9 上直播大會演講,使用了語音辨識的技術即時在影片播放時產生字幕(如果您有在 Channel 9 上收看影片,可以注意播放器下方有個 CC 按鈕,就是用來開關字幕),並且同步翻譯成幾種其它語言的字幕。On-demand 的影片則未提供字幕。 Windows Phone 8.1 首先開場的是 Windows Phone 8.1 的介紹,今天宣佈了更多加入 Windows Phone 的 OEM 夥伴(比起稍早在 MWC2014 上宣佈的又再多了 2…

0

Windows 及 Windows Phone 在 MWC2014 的一些新消息

一年一度的世界行動通訊大會 (MWC – Mobile World Congress) 2014 正在西班牙舉行,其中關於 Windows 及 Windows Phone 也有一些新消息發表,這裡整理一些重點: Windows Phone 的成長 Windows Phone 市佔率持續成長,比起去年同期再增加了 91% (資料來源)。 在歐洲許多國家都有超過 10% 的市佔率,相比去年增加1倍 (資料來源)。 由競爭對手肯定的高滿意度 (資料來源)。 目前 Windows Phone 市集有超過 24 萬個應用程式,而且平均每天以 500 個新 app 的速度增加。 優質的 App 陸續上架,包括已上架的 Instagram BETA、Vine、Waze、Mint 以及即將上架的 Facebook 即時通 等。 Windows Phone 硬體部份 增加了9個新的硬體製造夥伴:Foxconn, Gionee, JSR, Karbonn, Lava (Xolo),…

0

精通 Windows Store App / Windows Phone App 的 ListView / ListBox 控制項 (2)

在前一篇中瞭解了 ListView / ListBox 控制項的基本用法,不過如果要實際開發 app 其實是不太夠用的,所以這篇再做深入一點 (但也不會太困難) 的介紹。 處理不單純的資料結構 前一篇裡我們舉的例子都是顯示簡單的字串資料,但很多時候都要處理更複雜的資料結構,比方說像 twitter 類型的 app 那樣顯示 tweet 列表,面對這樣的狀況,我們通常會寫一個物件類別來表示資料結構,像是這樣:(我過份簡化了) 我們用這個資料結構表示一則訊息的資料結構,包括 id、顯示名稱、訊息、大頭照 URL 以及發文時間。接著就是要設計一下 ItemTemplate 的呈現方式,至少要呈現大頭照、名字、訊息還有發文時間,所以我們修改了 XAML 檔案成像是下面這樣: 跟前一篇 ListView / ListBox 裡的 ItemTemplate 有很大的不同,這裡放入了一個 <Image /> 以及三個 <TextBlock /> 控制項用來顯示訊息資料,而最大的不同是,這些控制項的內容綁定資料的方式也有稍稍不同,這裡的 Binding 語法都加了參數,先簡單地想,它就是對應到資料結構的成員,所以 {Binding Message} 就是把資料中的 Message 成員內容作綁定,所以若填入的資料如下: 那顯示的畫面會是: Windows Store App 顯示訊息資料後的 ListView (Windows Store App) Windows…

0

精通 Windows Store App / Windows Phone App 的 ListView / ListBox 控制項 (1)

在微軟的用戶端應用程式開發框架中,常會使用 XAML 技術做為介面設計語言,比方說:WPF、Silverlight、Windows Phone App、Windows Store App。許多過去未接觸過 XAML 的程式開發人員,對於 XAML 中許多控制項採用的 MVVM (Model-View-ViewModel) 設計模式感到不熟悉,一時間感覺不好上手,其實它並不會特別複雜困難,本系列文章將由淺至深,以 ListView / ListBox 控制項為例,一步步瞭解如何精通使用這個控制項,並且體會 MVVM 設計模式。 顯示資料列表 使用 ListView 顯示資料列表 在寫 Windows Store App / Windows Phone App (後面以 Windows App 簡稱之) 時,由於 Modern Design 的「Content Before Chrome」(內容優先) 的設計準則,或是基本的需要,常常需要顯示一串資料,例如訊息列表、聯絡人列表、搜尋結果列表等等,還好 XAML 提供了 <ListView /> (Windows Store App) 及 <ListBox /> (Windows Phone…

0

我愛微笑單車 Windows Phone App 開發心得分享

最近一方面為了自用,另一方面為了實驗新的 Windows Phone Store 的開發後台,所以做了一個「我愛微笑單車」(英文版: I Love YouBike) 的 Windows Phone app,同時支援 WP7 及 WP8,雖然還有很多功能沒做完,不過應該可以把我完成這個 App 的心得分享給大家。 同時支援 WP7/WP8 的問題 若您在 Windows Phone 7 時期就已經開發過 Windows Phone app,那不論是否有更新 app 或是特別對 WP8 做新的版本,WP8 的使用者還是能夠在市集裡找到你的應用程式,並且安裝來使用都不會有什麼問題,而且 WP7 的 app 即使不做任何的調整,由於 WP8 機器效能不錯,執行這些 WP7 app 甚至感覺變快了不少,硬要說有什麼美中不足的地方 (先撇開不能用 WP8 的新功能),那就是解析度的小問題了。 在 WP7 時代,所有的 Windows Phone 手機的螢幕解析度都是 WVGA (800×480),不過到了 WP8 之後,系統除了…

0

[WP7開發] 美化 Panorama 控制項的標頭

Windows Phone 7 中有一個很獨特的控制項--Panorama(全景),它在手機上的效果就像是這樣: 這是一個示意圖,手機畫面畫面一次會顯示一個區塊的內容,而使用者只需左拉右滑就可以看完全部的內容。 而在 Windows Phone SDK 中也提供了 Panorama 的專案範本,讓開發人員可以直接使用這個控制項來開發應用程式,但這個控制項原本是為英文字型設計的,所以如果直接修改成中文字,可能就會變成這樣: 你可以看到標題的中文字實在是太大了,而且還被 clip 掉一部份,有時候可能會造成閱讀的麻煩,這個時候只要使用 TitleTemplate 的方式就可以改變 Panorama 控制項的標題: <phone:PhoneApplicationPage.Resources> <DataTemplate x:Key="MyTitleTemplate"> <TextBlock FontSize="120″ Margin="0,60,0,20″ Text="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}" /> </DataTemplate> </phone:PhoneApplicationPage.Resources> … <controls:Panorama Title="這是中文" TitleTemplate="{StaticResource MyTitleTemplate}"> 這樣一改之後,原本的畫面就會變成這樣: 這樣是不是好多了呢?而且如此一來,Panorama 控制項的標頭也不一定只能用純文字了喔 🙂

0

Windows Phone 7.5 (Mango) 線上教學資源

這篇文章主要是整理一下,目前由微軟官方所提供的線上教材、或是範例 Labs 檔案等等。其它內容可以參考 Windows Phone 開發人員中心。 官方訓練課程 Windows Phone 7 RTM 訓練教材 介紹 Windows Phone 7 的開發基礎,並且以各式各樣的範例來展示如何開發 Windows Phone 7 應用程式。 Windows Phone Mango 訓練教材 針對 Mango 更新的 API 部份,設計了更多範例程式來顯示如何在 Mango 上面使用者這新增的功能。 參考文件 Windows Phone 開發手冊 所有關於 Windows Phone 開發的說明文件都會在這裡,是開發中的參考或學習最完整的資源。 XNA Game Studio 4.0 Refresh 開發手冊 關於 XNA 開發的所有說明文件都在這裡。 Silverlight for Windows Phone (7.1) 介紹關於…

0

[WP7開發] 使用 Silverlight Toolkit 中的日期選擇器

在設計應用程式時,常常會用到選擇日期的欄位,這時可以利用 Silverlight for Windows Phone Toolkit 中提供的「日期選擇器」(DatePicker)控制項來做到方便輸入日期的介面。 不知道怎麼將 Silverlight for Windows Phone Toolkit 加入開發專案可以先參考這篇文章,加入 References 之後,在設計介面的 XAML 檔中只需要使用 <toolkit:DatePicker x:Name="TheDate" Value="5/31/2011″ /> 這個標籤就可以在應用程式中塞入日期選擇器了。 這個控制項有一個好處--它已經自動處理了不同語系的說明文字、年月日的排列,下面兩張圖就是 en-US 以及 zh-TW 的不同:   不過別忘了要從 Silverlight for Windows Phone Toolkit 中取出 ApplicationBar.Check.png 以及 ApplicationBar.Cancel.png 放置於專案中的 Toolkit.Content 目錄中(別忘了這兩個檔案的 Build Action 屬性都要設成 Content,Copy to Output 也要設成 Copy if newer),這樣介面才會正常出現下方的按鈕圖案。 而處理日期選擇更動的事件,只要處理 ValueChanged 事件即可: [XAML]…

0