Expression Blend for Windows Phone 概觀

發行項
10/11/2017

重要訊息：
Microsoft Expression Blend for Windows Phone 只能透過安裝 Windows Phone Developer Tools 的方式取得。

Expression Blend for Windows Phone 的設計宗旨是為了更輕鬆迅速地設計適用於 Windows Phone 的應用程式。除了 Expression Blend 提供的設計工具外，Expression Blend for Windows Phone 還包含專用來建立 Windows Phone 應用程式的工具。

應用程式頁面

當您在 Expression Blend 中建立 Windows Phone 專案時，文件視窗會顯示類似 Windows Phone 螢幕的應用程式頁面 ( PhoneApplicationPage )。您可以將物件新增到應用程式頁面、排列這些物件，然後依您想要它們出現在螢幕上的樣子進行修改。完成設計頁面後，您可以建置並執行專案，以在 Windows Phone Emulator 或連接到電腦的 Windows Phone 裝置中預覽它。

如需將內容新增到應用程式頁面的詳細資訊，請參閱建立 Windows Phone 的內容。

如需預覽 Windows Phone 專案的詳細資訊，請參閱預覽 Windows Phone 專案。

套用暗色調佈景主題的 PhoneApplicationPage

Windows Phone 應用程式頁面 - 暗色調佈景主題

套用亮色調佈景主題的 PhoneApplicationPage

Windows Phone 應用程式頁面 - 亮色調佈景主題

裝置面板

您可以使用 [裝置] 面板選取應用程式頁面的方向、決定背景和強調色，並選擇要在 Windows Phone Emulator 或連接到電腦的 Windows Phone 裝置上預覽應用程式。

如需詳細資訊，請參閱修改裝置設定。

Expression Blend for Windows Phone 裝置面板

預覽 Windows Phone 樣式

當您設計 Windows Phone 應用程式時，可以迅速輕鬆預覽文字樣式，然後再將它套用到物件。請以滑鼠右鍵按一下顯示文字的文字區塊，按一下 [編輯樣式]，然後按一下 [套用資源]，再選取需要的文字樣式。

Windows Phone 的文字預覽

自訂應用程式列

當您將應用程式列新增到 Windows Phone 應用程式時，可以從清單中選取內建的應用程式列按鈕和功能表項目，以迅速輕鬆地新增它們。您也可以建立自訂應用程式列按鈕和功能表項目，然後將它們新增到專案。將自訂的項目新增到專案後，它們也會出現在下拉式清單中。

若要新增應用程式列，請在 [物件與時間軸] 面板中，以滑鼠右鍵按一下 [PhoneApplicationPage]，然後按一下 [新增應用程式列]。以滑鼠右鍵按一下 [ApplicationBar]，然後按一下 [新增 ApplicationBarIconButton]。在 [屬性] 面板的 [一般屬性] 類別中，從 [IconUri] 下拉式清單中選取想要的按鈕圖示。

內建 Windows Phone 樣式按鈕圖示

Windows Phone 應用程式列圖示按鈕

Windows Phone Emulator 中的自訂應用程式列

Windows Phone 應用程式列

定義頁面導覽

您可以快速而輕鬆地定義 Windows Phone 應用程式的導覽。若要定義導覽，請在要定義導覽的應用程式頁面上的物件按一下滑鼠右鍵，然後按一下 [導覽至]，再從可用的頁面清單按一下要導覽的目標頁面。

Windows Phone 導覽至命令

最佳化 Windows Phone 鍵盤

由於 Windows Phone 裝置可用的鍵盤尺寸有限制，因此在使用者輸入資料到欄位時，指定顯示哪個鍵盤會很有幫助。藉由修改 TextBox 上的 InputScope 屬性，不僅可以指定要輸入欄位的資料類型，還可指定在使用者輸入時所要顯示的鍵盤。請在應用程式頁面中選取 [TextBox]，然後在 [屬性] 面板的 [一般屬性] 類別中，從 [InputScope] 下拉式清單選取想要的輸入類型。

適合輸入數字的 Windows Phone TextBox

另請參閱

概念

Expression Blend for Windows Phone 工作區
 建立 Windows Phone 的內容