Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Windows Phone

Windows Phone 8:介紹 XAML

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Getting Started with Windows Phone 8.
Windows Phone 8: Creating Your First Application
Windows Phone 8: Controls and Properties

Chinese (Traditional) (中文(繁體)) translation by Niau Wu (you can also view the original English article)

開發軟件通常有兩步過程,包括開發用戶界面和應用程序的主要邏輯。Windows 手機也不例外。在開發 Windows Phone 應用程序時,XAML 用於實現用戶界面。

1.XAML 是什麼?

XAML 或稱為可擴展應用程序標記語言(Extensible Application Markup Language)是由微軟開發的宣告式(declarative)語言,用於創建 Windows Phone 的圖形用戶界面物件。如果您熟悉 XML,那麼 XAML 的代碼片段看起來會很熟悉。XAML 是給 C# 開發人員,就像 HTML 是給 Web 開發人員。它是 Windows Phone 用戶界面設計的基礎。

在 Windows Phone 平台上有很多組件可用,如按鈕,文本塊,文本框等。雖然可單用 C# 來開發 Windows Phone 8 應用程序,但這是不切實際又麻煩的。

XAML 讓創建用戶界面容易得多。在 Visual Studio 中建立新的 Windows Phone 8 的項目或頁面後,您會看到有兩個視窗。一個視窗顯示 XAML 代碼,而另一個視窗顯示了視覺設計外觀。

為了更佳理解這一點,讓我們重新審視前一個教程創建的項目,我們創建了第一個 Windows Phone 8 應用程序。

您馬上會注意到相同於 XML 和 HTML 的層次結構。在 XAML 代碼的每個元素都代表一個 Windows Phone 的組件,我們稍後會在​本系列討論之。您會發現,每一個元素都有​​一個開始和結束標記,就像在 XML 或 HTML。您也可以看到,一些元素有額外的屬性,遵循以下結構:

我會將每個元素的 XAML 文件對照其代表的 Windows Phone 組件,組件是框架的一部分的物件。每個組件可能有附加的屬性。某些組件,諸如 Grid(網格)StackPanel 組件,甚至可以包含其它的組件。例如,看一下有著 TitlePanelName 屬性的 StackPanel 組件包含兩個 TextBlock 組件。

元素的分層排列使開發人員能夠更方便的設計出 Windows Phone 應用程序的用戶界面,還提供了製作 Windows Phone 應用程序的用戶界面的組件之間的結構。

2. XAML vs C#

正如我在本文前面所說,可以不用 XAML ,而只用 C# 創建整個 Windows Phone 應用程序的用戶界面 。然而,在現實中,這樣不實用。所以不推薦,因為會使應用程序的用戶界面的設計凌亂。

此外,只使用 C# 創建應用程序的用戶界面,將顯著限制使用 MVVM 設計模式的可能性。這意味著,先進的技術,如數據綁定(data binding) ,將更加難以實現。

讓我們來仔細看一下,用於建立應用程序的用戶界面的這兩種技術,XAML 和 C# 。為了比較,我首先介紹如何使用 XAML 在 StackPanel 組件中宣告一個 TextBlock 和一個 Button 組件。然後,我會告訴您,如何用 C# 作。

XAML

您可以看到上面的 XAML 代碼片段是如何宣告的。組件的層次結構很容易理解。使用 XAML 的另一個好處。我們可以直接在 Visual Studio 中,通過設計預覽面板看到改變的結果,面板通常位於 Visual Studio 左側。

C#

讓我們來看看如何使用 C# 而不是 XAML,來實現相同的用戶界面。

正如您所看到的,相較於 XAML 有點笨重而且無法立即改變的結果。您可能還注意到了,在 C# 代碼塊的行數幾近兩倍,也不像前面的 XAML 代碼段那麼可讀。

對於 Windows Phone 的開發,用 XAML 來創建用戶界面是首選。然而,有可能需要實現很難使用 XAML 建立的更複雜組件,例如,當組件需要動態擴展時。雖然這些情況不太常見,但是要知道我們可以回到 C#。

結論

XAML 是 Windows Phone 開發的一個組成部分,確時有了解之必要。我建議您去看看在 Windows Phone 開發中心 Microsoft 官方的 XAML 文檔。它包含了關於使用 XAML 開發 Windows Phone 的深入信息。

在本教程中,我們看到了 Windows Phone 開發中,XAML 的角色以及和 C# 比較如何創建用戶界面。在接下來的教程中,我們將繼續使用 XAML ,來掌握一些常用的 Windows Phone 組件,它們的用法,以及如何在 Windows Phone 8 應用程序實現它們。

关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.