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

转载于:https://my.oschina.net/u/1585857/blog/1492646

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值