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控件模板。