Xamarin XAML語言中如何實現模板視圖TemplatedView

這篇文章給大家分享的是有關Xamarin XAML語言中如何實現模板視圖TemplatedView的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

模板視圖TemplatedView

與模板頁面相對的是TemplatedView，它被稱為模板視圖，它的功能和模板頁面類似，也是用來顯示控件模板的，只不過比模板頁面更加靈活。TemplatedView提供ControlTemplate屬性，實現對控件模板的關聯，從而展現對應的界面。

【示例14-6：TemplatedViewDemo】以下將使用模板視圖顯示控件模板，并實現模板的切換。具體的操作步驟如下：

（1）打開App.xaml文件，編寫代碼，實現在應用程序級別中構建控件模板，代碼如下：

• <?xml version="1.0" encoding="utf-8" ?>

• <Application xmlns="http://xamarin.com/schemas/2014/forms"

•              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

•              x:Class="TemplatedViewDemo.App">

•   <Application.Resources>

• <ResourceDictionary>

• <!--構建控件模板-->

•       <ControlTemplate x:Key="ChineseTemplate">

•         <StackLayout>

•           <StackLayout VerticalOptions="End">

•             <BoxView Color="Aqua" />

•           </StackLayout>

•           <StackLayout Spacing="35"

•             VerticalOptions="CenterAndExpand"  >

•             <Frame OutlineColor="Accent">

•               <StackLayout Spacing="20"

•                            VerticalOptions="CenterAndExpand"

•                            HorizontalOptions="Center">

•                 <Label Text="山居秋暝"

•                        FontSize="30"

•                        FontAttributes="Bold"

•                        HorizontalOptions="Center"/>

•                 <Label Text="空山新雨后，天氣晚來秋。"

•                        FontSize="18"/>

•                 <Label Text="明月松間照，清泉石上流。"

•                        FontSize="18"/>

•                 <Label Text="竹喧歸浣女，蓮動下漁舟。"

•                        FontSize="18"/>

•                 <Label Text="隨意春芳歇，王孫自可留。"

•                        FontSize="18"/>

•               </StackLayout>

•             </Frame>

•             <Button Command="{TemplateBinding Parent. CommandEnglish}"

•                       Text="Enter English Template" />

•           </StackLayout>

•         </StackLayout>

•       </ControlTemplate>

• <!--構建控件模板-->

•       <ControlTemplate x:Key="EnglishTemplate">

•         <StackLayout>

•           <StackLayout VerticalOptions="End">

•             <BoxView Color="Green" />

•           </StackLayout>

•           <StackLayout Spacing="35"

•                        VerticalOptions="CenterAndExpand"  >

•             <Frame OutlineColor="Accent">

•               <Label Text="your life only lasts for a few decades, so be sure that you don\'t leave any regrets. laugh or cry as you like, and it‘s meaningless to oppress yourself."

•                      FontAttributes="Bold"

•                      FontSize="18"/>

•             </Frame>

•             <Button Command="{TemplateBinding Parent.CommandChinese}"

•                     Text="Enter Chinese Template" />

•           </StackLayout>

•         </StackLayout>

•       </ControlTemplate>

•     </ResourceDictionary>

•   </Application.Resources>

• </Application>

在此代碼中，我們構建了兩個控件模板，一個為ChineseTemplate控件模板，另一為EnglishTemplate控件模板。

感謝各位的閱讀！關于“Xamarin XAML語言中如何實現模板視圖TemplatedView”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！