Avalonia的模板控件(Templated Controls)
在Avalonia的UI框架中,TemplatedControl是一个核心组件,它提供了一种强大的方式来创建可重用且高度可定制的控件。
本文将深入探讨TemplatedControl的概念、其带来的优势以及它在实际开发中的应用场景,并通过一个示例代码来展示其用法。
什么是TemplatedControl
TemplatedControl是Avalonia中一个特殊的控件类型,它允许开发者定义控件的模板结构。
这个模板可以包含其他控件、布局、数据绑定等,从而定义控件的外观和行为。
通过将控件的逻辑和外观分离,TemplatedControl提供了一种更加灵活和可维护的方式来创建控件。
在TemplatedControl中,开发者可以定义一些模板绑定点,这些绑定点允许在实例化控件时,将特定的子控件或数据绑定到模板中的对应位置。这
种机制使得控件具有极大的灵活性,可以适应各种不同的使用场景。
TemplatedControl的优势
高度可定制:TemplatedControl允许开发者通过修改模板来定制控件的外观和行为,从而满足不同的设计需求。
逻辑与外观分离:通过将控件的逻辑和外观分离,TemplatedControl使得代码更加清晰、易于维护。开发者可以专注于实现控件的功能逻辑,而不需要关心其外观的呈现。
提高复用性:通过定义通用的TemplatedControl,并在不同的地方使用不同的模板来实例化它,可以大大提高代码的复用性,减少重复劳动。
易于扩展:TemplatedControl的设计使得它很容易进行扩展。开发者可以继承现有的TemplatedControl并添加自定义的逻辑和模板,从而创建出具有特定功能的控件。
TemplatedControl的应用场景
TemplatedControl在Avalonia UI开发中有着广泛的应用场景。以下是一些常见的应用场景:
自定义控件:开发者可以使用TemplatedControl来创建具有独特外观和行为的自定义控件,如自定义按钮、自定义列表框等。
数据展示控件:对于需要展示数据的场景,如列表、表格、树形控件等,TemplatedControl可以提供一个灵活的模板来定义数据的展示方式。
主题和样式:通过修改TemplatedControl的模板,可以轻松实现应用程序的主题切换和样式定制。
示例代码
下面是一个简单的TemplatedControl示例,展示如何创建一个自定义的控件:
首先,我们定义模板让其包含一个Button和ContentPresenter。
其中Button使用TemplateBinding绑定Content属性。ContentPresenter展示调用时的子控件。
TemplatedControl1.axaml
<Styles xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:controls="using:AvaloniaApplication1">
<Design.PreviewWith>
<controls:TemplatedControl1 />
</Design.PreviewWith> <Style Selector="controls|TemplatedControl1">
<!-- Set Defaults -->
<Setter Property="Template">
<ControlTemplate>
<StackPanel>
<Button Name="PART_Button" Content="{TemplateBinding Content}" />
<ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Name="contentPresenter" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</StackPanel>
</ControlTemplate>
</Setter>
</Style>
</Styles>
然后,在C#代码中实现类,需要定义Button的Content属性,点击事件,和ContentPresenter的子内容
TemplatedControl1.axaml.cs
using Avalonia;
using Avalonia.Controls;
using Avalonia.Controls.Presenters;
using Avalonia.Controls.Primitives;
using Avalonia.Controls.Templates;
using Avalonia.Interactivity;
using Avalonia.Markup.Xaml.Templates;
using Avalonia.Metadata;
using System;
using System.Linq; namespace AvaloniaApplication1
{
public class TemplatedControl1 : TemplatedControl
{
public static readonly StyledProperty<string> ContentProperty =
AvaloniaProperty.Register<TemplatedControl1, string>(nameof(Content)); public string Content
{
get { return GetValue(ContentProperty); }
set { SetValue(ContentProperty, value); }
} public static readonly RoutedEvent<RoutedEventArgs> ClickEvent =
RoutedEvent.Register<TemplatedControl1, RoutedEventArgs>(nameof(Click), RoutingStrategies.Bubble); public event EventHandler<RoutedEventArgs> Click
{
add => AddHandler(ClickEvent, value);
remove => RemoveHandler(ClickEvent, value);
} private void OnClick(object sender, RoutedEventArgs e)
{
RaiseEvent(new RoutedEventArgs(ClickEvent));
} public static readonly StyledProperty<DataTemplate> ContentTemplateProperty =
AvaloniaProperty.Register<TemplatedControl1, DataTemplate>(nameof(ContentTemplate)); [Content]
public IDataTemplate ContentTemplate
{
get => GetValue(ContentTemplateProperty);
set => SetValue(ContentTemplateProperty, value);
} public override void EndInit()
{
base.EndInit();
ApplyTemplate(); var childs = this.GetTemplateChildren().ToList();
var button = childs.FirstOrDefault(e => e.Name == "PART_Button");
if (button != null)
{
((Button)button).Click += OnClick;
} // Apply the content template to the ContentPresenter
//var contentPresenter = childs.FirstOrDefault(e => e.Name == "contentPresenter");
//((ContentPresenter)contentPresenter).ContentTemplate = ContentTemplate;
}
}
}
并在App.axaml中使用StyleInclude声明此控件
App.axaml
<Application xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="AvaloniaApplication1.App"
xmlns:local="using:AvaloniaApplication1"
RequestedThemeVariant="Default">
<!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. --> <Application.DataTemplates>
<local:ViewLocator/>
</Application.DataTemplates> <Application.Styles>
<FluentTheme />
<StyleInclude Source="CControls/TemplatedControl1.axaml"/>
</Application.Styles>
</Application>
最后在MainWindow.axaml中使用此控件,并为此控件传递Content,Click属性,和DataTemplate的子内容
MainWindow.axaml
<Window xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:vm="using:AvaloniaApplication1.ViewModels"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:AvaloniaApplication1"
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
x:Class="AvaloniaApplication1.Views.MainWindow"
x:DataType="vm:MainWindowViewModel"
Icon="/Assets/avalonia-logo.ico"
Title="AvaloniaApplication1"> <Design.DataContext>
<vm:MainWindowViewModel/>
</Design.DataContext> <local:TemplatedControl1 Content="test control" Click="HandleButtonClick">
<DataTemplate>
<Button Content="Click Me"/>
</DataTemplate>
</local:TemplatedControl1>
</Window>
MainWindow.axaml.cs中定义HandleButtonClick
MainWindow.axaml.cs
public void HandleButtonClick(object sender, RoutedEventArgs e)
{
Debug.WriteLine("click");
}
运行即可查看到效果
Avalonia的模板控件(Templated Controls)的更多相关文章
- ASP.NET自定义控件组件开发 第五章 模板控件开发
原文:ASP.NET自定义控件组件开发 第五章 模板控件开发 第五章 模板控件开发 系列文章链接: ASP.NET自定义控件组件开发 第一章 待续 ASP.NET自定义控件组件开发 第一章 第二篇 接 ...
- asp.net模板控件示例
原文:asp.net模板控件示例 模板控件允许将控件数据与其表示形式相分离,模板化控件不提供用户界面. 编写它则是为了实现一个命名容器以及包含属性和方法可由宿主页访问的类,MSDN是这样解释的. 下面 ...
- 【笔记】WPF之模板控件应用
最近在捣鼓WPF的动画,想自定义一个控件模型来实现动画. 目标功能是这样:在WPF项目文件中创建一个自定义用户控件模型,该模型最外层是一个Grid,Grid布局为3行1列,第一列是一个图片按钮,第二列 ...
- WPF DataGrid控件中某一列根据另一个文本列的值显示相应的模板控件
之前做项目的时候需要实现这样一个功能.WPF DataGrid有两列,一列为"更新状态”列,一列为"值"列,如果"更新状态"列的值为“固定值更新”,则 ...
- WPF--Blend制作Button控件模板--问题补充
补充记录Button控件模板 控件模板制作过程中出现下图问题:动画对象不能用于动画属性"Fill” 并且这类问题Blend4中包括VS2010中仍然可以运行,但是只有VS2010中会报错:如 ...
- 《Programming WPF》翻译 第5章 7.控件模板
原文:<Programming WPF>翻译 第5章 7.控件模板 如果仔细的看我们当前的TTT游戏,会发现Button对象并没有完全为我们工作.哪些TTT面板有内圆角? 图5-14 这里 ...
- Expression Blend实例中文教程(13) - 控件模板快速入门ControlTemplates
上篇,介绍了控件样式(Style)和模板(Template)的基础概念,并且演示了使用Blend设计控件样式.本篇将继续介绍使用Blend设计自定义控件模板 - ControlTemplate.Con ...
- Xamarin XAML语言教程构建ControlTemplate控件模板
Xamarin XAML语言教程构建ControlTemplate控件模板 控件模板ControlTemplate ControlTemplate是从Xamarin.Forms 2.1.0开始被引入的 ...
- 【Win10】【Win2D】实现控件阴影效果
学过 WPF 的都知道,在 WPF 中,为控件添加一个阴影效果是相当容易的. <Border Width="100" Height="100" Backg ...
- 初识Windows窗体(包括各种控件,属性,方法)
什么是Wind ows窗体? 顾名思义,win dows窗体就是将一些所必须的信息通过窗体的形式展示给客户看.例如:我们经常玩的QQ登陆界面,微信登陆界面,等等,都是以窗体的形式将信息展示给我们看的. ...
随机推荐
- Spring Cloud Zuul 获取当前请求的路由信息和路由后端的服务节点信息
基本思路 参考spring-cloud-zuul-ratelimit开源项目,在过滤器中根据当前的请求路径,判断当前的路由信息,当取得路由信息后,可以对服务的调用次数做统计等操作. 具体实现 创建一个 ...
- Linux的这些命令你需要掌握
查看进程: 查看所有进程:ps -ef 查看指定的进程: ps -ef|grep pid(进程号) 查看前40个内存占用的进程: ps auxw|head -1;ps auxw|sort -rn -k ...
- C程序分别实现下列字符阵列的输出
C程序分别实现下列字符阵列的输出:(https://zhuanlan.zhihu.com/p/443989560 可以参考这个博主写的) 1,左下三角形(代码) 1 #include <s ...
- spark 下java list 或者scala list 转DataFrame or DataSet 总结
一.JAVA list 转 DataFrame or DataSet case class CaseJava( var num: String, var id: String, var start_t ...
- book 电子书转换 在线工具
https://convertio.co/download/911d3a3f39db0b2e39ed6e3c8acb31f6be786a/ Convertio
- 没想到,JDBC 驱动会偷偷修改 sql_mode 的会话值
最近碰到一个 case,值得分享一下. 现象就是一个 update 操作,在 mysql 客户端中执行提示 warning,但在 java 程序中执行却又报错. 问题重现 mysql> crea ...
- BeanShell Sampler 前置处理器
一概念: 前置处理器主要作用: 用于修改即将发送的http的请求数据 BeanShell预处理器可以在取样器发送请求之前被执行,可以通过它完成发送请求所需的数据 其中的ctx.vars.props.p ...
- Java面试挂在线程创建后续,不要再被八股文误导了!创建线程的方式只有1种
写在开头 在上篇博文中我们提到小伙伴去面试,面试官让说出8种线程创建的方式,而他只说出了4种,导致面试挂掉,在博文中也给出了10种线程创建的方式,但在文章的结尾我们提出:真正创建线程的方式只有1种,剩 ...
- java线程示例
需要开启线程 的方法继承线程类,并在run 中写逻辑 public class Ant extends Thread{ Cake cake; public Ant(String name,Cake ...
- nginx部署SSL证书后,使用域名访问报错-net::ERR_SSL_PROTOCOL_ERROR
一.问题由来 最近在做一个小程序的后台,自己去微信官网上查看了相关的规定,小程序正式发布时,要求比较严格,必须是使用https+域名访问,自己在 阿里云购买了一个域名,可是没有备案.SSL证书去阿里云 ...