Ouch@點部落

2014/03/18 實用 Windows Phone Apps 設計開發技巧解密 - 課程投影片及範例原始檔

最近在MSDN論壇上看到有人發問一個問題：「要如何在手機上畫出3公分的直線?」。
乍看之下這應該是一個再也簡單不過的事情，啊不就拿尺來量一量就好了!? 連小學生都會的事情啊~~(被打)
不過事情往往沒有想像中那麼簡單.... 這個問題牽扯到不同裝置有不同的解析度，所以，同樣都是三公分，但是在不同的裝置上面的像素可是大不相同的啊~~

在 [Blend] 透過 Blend for Visual Studio 2013 快速產生設計時期資料 (一) - 透過現有的類別產生設計時期資料 一文中，我們簡單的展示了「理想」狀況下的設計時期資料產生方式。
但是在現實生活中，可能由於種種外在因素(舉凡工程師太忙、工程師生病、工程師請假等等...)，造成工程師無法在第一時間就針對所有的資料顯示頁面實作好繫結用的資料類別。

開始實作Metro Style Apps的朋友們可能會發現，系統中預設的一些按鈕(例如Back Button)其實使用的並不是圖片，而是使用內碼表的符號做出來的。
不過，又有好心的人幫我們把大部份的App會使用到的按鈕內碼都整理了出來，包在一個StandardStyle.xaml裡。

開始接觸Windows 8的朋友們中，有部份可能有遇到過將Windows 8安裝在虛擬環境中之後，但是要開啟Metro Style Apps時卻沒辦法執行的狀況，而且會跳出一個錯誤訊息，說螢幕解析度太低，所以無法開啟App。
因為Windows 8支援不同規格、尺寸的平板電腦使用，所以在進行Apps的使用者介面設計的時候，需要針對Apps可能執行的螢幕大小列入考量。

所謂的設計準則，並不是就代表了唯一解或是最佳解，我們不用熟背所有的設計準則，並且能在一秒之內回答出哪一條設計準則在哪本書的第幾頁；所謂的設計準則，只是一個框架，讓我們有個共同的標準和依據來進行溝通，或是幫助我們作出決定。

在Windows 8裡，出現了一個新的名詞--Metro Style Apps，也是最近很熱門的話題。那麼，到底什麼是Metro Style呢?而Metro Style又有著哪些特色呢?

雖然說自Windows Vista採用了AERO之後，Windows作業系統中應用程式預設的視窗就美觀了不少，但是對於喜歡應用程式有整體美的設計師來說，使用預設的視窗外觀對某些WPF應用程式來說，或許還是有可能造成破壞整體設計感的情況發生。所以，把預設的視窗外觀拔掉，讓設計師們更能展現設計的才能，針對不同的應用程式設計出不同的視窗外觀，想像起來是不是蠻美好的一件事呢?

通常在實作系統的時候，為了配合不同的需求，可能會需要自訂游標的形狀，雖然WPF中有Cursors類別可以用，但是提供的游標仍然有限，所以用圖片來當作游標，或是用XAML寫出來的UserControl來當作游標，似乎就成為不錯的選擇。
這次就來介紹怎麼在WPF中覆寫原來的系統游標，以自訂的游標取代。