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所示的效果。

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/29597077/viewspace-2142837/，如需轉載，請註明出處，否則將追究法律責任。