Xamarin XAML語言教程構建ControlTemplate控制元件模板 (二)

Xamarin XAML語言教程構建ControlTemplate控制元件模板 (二)

（2）開啟MainPage.xaml檔案，編寫程式碼，將構建的控制元件模板應用於ContentView中。程式碼如下：

• <?xml version="1.0" encoding="utf-8" ?>
• <ContentPage xmlns=""
•              xmlns:x=""
•              xmlns:local="clr-namespace:ControlTemplateDemo"
•              x:Class="ControlTemplateDemo.MainPage">
•   <ContentView x:Name="contentView"
•                Padding="0,20,0,0"
•                ControlTemplate="{StaticResource TealTemplate}">
•     <StackLayout Spacing="20"
•                  VerticalOptions="Center">
•       <Label Text="If a jewel falls into the mire, it remains as precious as before; and though dust should ascend to heaven, its former worthlessness will not be altered."
•            FontSize="20"
•            FontAttributes="Bold"/>
•       <Button Text="改變主題"
•               Clicked="OnButtonClicked" />
•     </StackLayout>
•   </ContentView>
• </ContentPage>

在此程式碼中TealTemplate控制元件模板透過使用StaticResource標記擴充套件分配給ContentView.ControlTemplate屬性。ContentView.Content屬性設定為StackLayout，用於定義要在ContentPage上顯示的內容。 此內容將由TealTemplate中包含的ContentPresenter顯示。