Xamarin XAML语言教程模板视图TemplatedView(二)

Xamarin XAML语言教程模板视图TemplatedView(二)

（2）打开MainPage.xaml文件，编写代码，将构建的控件模板应用于中TemplatedView。代码如下：

• <?xml version="1.0" encoding="utf-8" ?>
• <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
• xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
• xmlns:local="clr-namespace:TemplatedViewDemo"
• x:Class="TemplatedViewDemo.MainPage">
• <TemplatedView x:Name="templatedView"
• Padding="0,20,0,0"
• ControlTemplate="{StaticResource ChineseTemplate}">
• </TemplatedView>
• </ContentPage>

（3）打开MainPage.xaml.cs文件，编写代码，实现控件模板的切换功能。代码如下：

• using System;
• using System.Collections.Generic;
• using System.Linq;
• using System.Text;
• using System.Threading.Tasks;
• using System.Windows.Input;
• using Xamarin.Forms;
• namespace TemplatedViewDemo
• {
• public partial class MainPage : ContentPage
• {
• ControlTemplate chineseTemplate;
• ControlTemplate englishTemplate;
• public ICommand CommandEnglish { private set; get; }
• public ICommand CommandChinese { private set; get; }
• public MainPage()
• {
• CommandEnglish = new Command(() => OnEnterEnglishTemplate());
• CommandChinese = new Command(() => OnEnterChineseTemplate());
• InitializeComponent();
• chineseTemplate = (ControlTemplate)Application.Current.Resources["ChineseTemplate"];
• englishTemplate = (ControlTemplate)Application.Current.Resources["EnglishTemplate"];
• }
• //设置为EnglishTemplate控件模板
• public void OnEnterEnglishTemplate()
•         {
•             templatedView.ControlTemplate = englishTemplate;
•         }
• //设置为ChineseTemplate控件模板
•         public void OnEnterChineseTemplate()
•         {
•             templatedView.ControlTemplate = chineseTemplate;
•         }
• }
• }

此时运行程序，会看到如图14.21~14.23所示的效果。当开发者轻拍Enter English Template按钮后，会看到如图14.24~14.26所示的效果。当开发者轻拍Enter Chinese Template按钮后，会看到如图14.21~14.23所示的效果。