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