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

Xamarin XAML语言教程模板视图TemplatedView(一)相关推荐

Xamarin XAML语言教程模板视图TemplatedView(二)
Xamarin XAML语言教程模板视图TemplatedView(二) (2)打开MainPage.xaml文件,编写代码,将构建的控件模板应用于中TemplatedView.代码如下: <? ...
Xamarin XAML语言教程模板页面TemplatedPage
Xamarin XAML语言教程模板页面TemplatedPage 模板页面TemplatedPage 在上文中我们提到了TemplatedPage,它被称为模板页面,用来显示控件模版.Templat ...
Xamarin XAML语言教程ContentView视图作为自定义视图的父类
Xamarin XAML语言教程ContentView视图作为自定义视图的父类自定义视图的父类:ContentView视图可以作为自定义视图的父类. [示例14-2]以下将自定义一个颜色视图.具体的 ...
Xamarin XAML语言教程基本视图ContentViewg构架范围框架
Xamarin XAML语言教程基本视图ContentViewg构架范围框架 ContentView视图基本上有三个作用,下面依次介绍. (1)范围框架:ContentView视图可以构建一个范围框架 ...
Xamarin XAML语言教程基本视图ContentView
Xamarin XAML语言教程基本视图ContentView 基本视图ContentView 视图是用来呈现具体内容,根据呈现内容不同,使用的视图也不同.其中,最常用的视图为ContentView视 ...
Xamarin XAML语言教程构建ControlTemplate控件模板
Xamarin XAML语言教程构建ControlTemplate控件模板控件模板ControlTemplate ControlTemplate是从Xamarin.Forms 2.1.0开始被引入的 ...
Xamarin XAML语言教程构建ControlTemplate控件模板 (四)
Xamarin XAML语言教程构建ControlTemplate控件模板 (四) 2.在页面级别中构建控件模板如果开发者要在页面级别中构建控件模板,首先必须将ResourceDictionary添 ...
Xamarin XAML语言教程构建ControlTemplate控件模板 (三)
Xamarin XAML语言教程构建ControlTemplate控件模板 (三) (3)打开MainPage.xaml.cs文件,编写代码,实现主题的切换功能.代码如下: using System; ...
Xamarin XAML语言教程构建ControlTemplate控件模板 (二)
Xamarin XAML语言教程构建ControlTemplate控件模板 (二) (2)打开MainPage.xaml文件,编写代码,将构建的控件模板应用于ContentView中.代码如下: &l ...

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

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

模板视图TemplatedView

Xamarin XAML语言教程模板视图TemplatedView(一)相关推荐

最新文章

热门文章