Xamarin XAML语言教程构建ControlTemplate控件模板 (四)
2023-09-11 14:17:01 时间
Xamarin XAML语言教程构建ControlTemplate控件模板 (四)
2.在页面级别中构建控件模板
如果开发者要在页面级别中构建控件模板,首先必须将ResourceDictionary添加到页面中,然后在ResourceDictionary中实现模板的构建即可,其语法形式如下:
- <Page>
- <Page.Resources>
- <ResourceDictionary>
- <ControlTemplate x:Key="KeyName">
- ……
- </ControlTemplate>
- </ResourceDictionary>
- </Page.Resources>
- </Page>
其中,Page表示的是页面以及页面的子类。KeyName用来指定一个字典键,此键指代的就是控件模板。
【示例14-4:ControlTemplateContentPage】以下将在内容页面中构建控件模板。代码如下:
- <?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:ControlTemplateContentPage"
- x:Class="ControlTemplateContentPage.MainPage">
- <ContentPage.Resources>
- <ResourceDictionary>
- <!--构建控件模板-->
- <ControlTemplate x:Key="TealTemplate">
- <StackLayout VerticalOptions="CenterAndExpand"
- Spacing="20"
- Padding="20">
- <Entry Placeholder="Username" />
- <Entry Placeholder="Password"
- IsPassword="True"/>
- <Button Text="Click Here To Log In" />
- <ContentPresenter />
- </StackLayout>
- </ControlTemplate>
- </ResourceDictionary>
- </ContentPage.Resources>
- <ContentView x:Name="contentView"
- Padding="0,20,0,0"
- ControlTemplate="{StaticResource TealTemplate}">
- <Frame OutlineColor="Accent">
- <Label Text="请在确认环境安全后,输入账号和对应的密码"
- FontAttributes="Bold"
- FontSize="18"/>
- </Frame>
- </ContentView>
- </ContentPage>
此时运行程序,会看到如图14.18~14.20所示的效果。
相关文章
- 设计模式复习-模板方法模式
- [转]docx4j实现动态表格(模板式)
- 初探 Elasticsearch Index Template(索引模板)
- Xamarin XAML语言教程控件模板的模板绑定
- 基于 Bootstrap 4 的网站 UI 套件 HTML 模板
- SpringBoot thymeleaf模板页面没提示,SpringBoot thymeleaf模板插件安装
- [模板题]第K个数
- vue基础---模板语法
- 了解ES6解构赋值、模板字符串、展开运算符、类语法
- Vue+Echarts监控大屏实例十一:智慧养老监控模板实例
- 16个国际顶尖计算机期刊介绍与作者教程【附写作模板】 (转)
- Web网站模板-教育培训响应式网站模板(HTML+CSS+JavaScript)
- [js高手之路]Node.js模板引擎教程-jade速学与实战4-模板引用,继承,插件使用
- ASP.NET开源博客QBlog模板皮肤制作教程索引贴
- UEditor 编辑模板
- CAD模板怎么设置?CAD模板设置技巧
- C# T4模板 简单使用