Xamarin XAML語言教程將XAML設計的UI顯示到介面

Xamarin XAML語言教程將XAML設計的UI顯示到介面

如果透過XAML將UI設計好以後，就可以將XAML中的內容顯示給使用者了，也就是顯示到介面上。由於建立XAML檔案方式的不同，所以將XAML中的內容顯示到介面上的方式也就不一樣了。以下針對XAML檔案建立方式的不同，為開發者講解如果將XAML中的內容顯示到介面上。

注意：在1.2節中我們使用Visual Studio建立XAML檔案和使用Xamarin Studio中建立XAML的方式都分為兩種，分別為建立專案後建立XAML檔案和在建立專案的同時建立XAML檔案。建立專案後建立XAML檔案和在建立專案的同時建立XAML檔案這兩種建立XAML的方式對應就會存在兩種顯示到介面的方法。

建立專案後再建立XAML檔案

如果開發者是在建立專案後建立XAML檔案，此時需要將XAML檔案中的內容顯示到介面上，需要開啟App.cs檔案（App.cs檔案是Visual Studio中的檔案，如果是Xamarin Studio需要開啟**.cs，這裡的**指定的專案名稱），將此檔案中的程式碼進行修改，修改後的程式碼如下：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using Xamarin.Forms;

namespace Hello

{

    public class App : Application

    {

        public App()

        {

            // The root page of your application

            MainPage = new XAMLPage();                               //XAMLPage是建立的XAML檔案

        }

……

    }

}

此時執行程式，XAML檔案中的內容就顯示到介面上了，從而實現了對使用者的顯示。

建立專案時建立XAML檔案

如果開發者是在建立專案的同時建立的XAML檔案，要將內容顯示到介面上我們不需要做任何事情。此時執行程式，會看到XAML檔案中的內容顯示到介面中了。