Xamarin XAML语言中如何实现模板视图TemplatedView

2023-06-04 12:06

短信预约 -IT技能 免费直播动态提醒

这篇文章给大家分享的是有关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>