【WPF】桌面程序开发之窗口的用户控件详解

使用Visual Studio开发工具，我们可以编写在Windows系统上运行的桌面应用程序。其中，WPF（Windows Presentation Foundation）项目是一种常见的选择。然而，对于初学者来说，WPF项目中xaml页面的布局设计可能是一个难点。下面，将简要介绍WPF项目页面中使用的用户控件知识。

文章目录

  • 页面布局
    • 数据绑定
    • 数据模型
  • 用户控件
    • 创建
    • 引用
  • 控件属性
    • 自定义属性
    • 注册属性
    • 数据绑定
    • 数据监听

如果还不知道怎么创建WPF项目， 可以看以下文章，回顾一下再来

Windows系统桌面应用程序编程开发新手入门-打造自己的小工具
可以跳过…
桌面程序开发之xaml页面绑定数据模型详解

页面布局

带后缀名xaml的是页面的布局文件，打开第一个窗体布局文件，内容如下

<Window x:Class="WpfApp2.MainWindow"...xmlns:local="clr-namespace:WpfApp2"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800"><Window.Resources><!-- 这里设置统一控件的样式 --></Window.Resources>    <Grid><TextBlock Text="{Binding key1, FallbackValue='zs1028', TargetNullValue='未初始化赋值'}" FontSize="14" Foreground="Blue"/><Button Click="Button_Click">点击按钮</Button><!-- 这里开始添加用户控件布局 --></Grid>
</Window>

注意内容中添加一个文本和一个按钮控件

当前设计器显示，如下图
在这里插入图片描述

数据绑定

在窗体的代码中修改，绑定数据，

初始化一个自定义对象来绑定的数据，代码如下

public partial class MainWindow : Window
{public MainWindow(){InitializeComponent();// 用一个自定义对象来持有数据DataContextthis.DataContext = new DataModel();}private void Button_Click(object sender, RoutedEventArgs e){DataModel data = (DataModel)this.DataContext;data.key1 = "hello zs1028";}
}

数据模型

上面用到了一个数据模型类DataModel，

需要自己单独写出来，代码如下

class DataModel : INotifyPropertyChanged
{public event PropertyChangedEventHandler PropertyChanged;protected virtual void OnPropertyChanged(string propertyName){PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));}public string key1{get { return _key1; }set{_key1 = value;OnPropertyChanged(nameof(key1));}}private string _key1 { get; set; }public Data(){}
}

用户控件

在页面布局中，那些可以拼接和细分的区块，均可被视为用户控件。

用户控件具有高度的灵活性和可复用性，既可以自行创建，也可以利用已有的控件进行复用。这样的特性使得用户控件在管理和维护上变得非常便捷，同时也大大提升了使用的便利性。

前面所讲述的是对基础知识的理解和掌握，

接下来，我将详细阐述一下，如何创建用户控件，

创建

在项目目录下，新建一个文件夹Controls来存放一些用户控件，

然后在选中的文件夹名称下点鼠标右键，如下图
在这里插入图片描述

假设新建的用户控件名称为UsesrControl1,如下图
在这里插入图片描述
添加后，打开这个文件UserControl1.xaml，布局内容如下

<UserControl x:Class="WpfApp2.UserControl1"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"... xmlns:local="clr-namespace:WpfApp2"mc:Ignorable="d" d:DesignHeight="450" d:DesignWidth="800"><Grid><!-- 这里开始添加控件布局 --></Grid>
</UserControl>

在用户控件中添加一个文本控件

<TextBlock Text="{Binding key1, FallbackValue='zs1028', TargetNullValue='未初始化赋值'}" FontSize="14" Foreground="Red"/>

看文本控件绑定了一个属性key1，默认都是它所在的窗体上绑定的数据模型上的

引用

打开主窗口页面布局文件MainWindow.xaml，

在按钮控件后面添加，内容如下

<local:UserControl1 />

在主页面布局中使用这个用户控件，

如果显示下划波浪线，提示它不存在，如下图
在这里插入图片描述
这需要重新编译下项目，

选中项目名，鼠标右键选择重新生成，如下图
在这里插入图片描述
它会自动处理好未添加引用问题，

当前设计器显示，如下图
在这里插入图片描述

点击运行，查看效果，

然后点击按钮，这两个文本标签就会一起更新，如下图
在这里插入图片描述

这是因为用户控件的属性绑定默认是向上寻找数据的，
找到后会自动绑定到带属性key1的DataContext数据上下文对象

控件属性

用户控件是支持嵌套使用的组件。

也就是说，一个用户控件可以包含多个其他用户控件作为其组成部分。

自定义属性

为了防止在嵌套多个用户控件时发生数据绑定的混淆，我们为每个用户控件定义了独特的属性。这样，在实际使用中，就可以通过传递这些属性的值来进行参数传递，从而确保数据的清晰与准确。

可以通过窗体的绑定数据进行参数传递，或者利用父级用户控件中的数据来为其子控件传递参数。

在窗体布局中，给用户控件添加一个自定义的属性，如下图
在这里插入图片描述
这个自定义属性提示未找到属性，

需要自己定义一个属性，在用户控件中添加一个属性代码，代码如下

public string MyText { get; set; }

在用户控件布局中的添加一个新的文本控件，

就在之前的文本控件后面添加，内容如下

<TextBlock Margin="10,20" Text="{Binding MyText, FallbackValue='zs1028', TargetNullValue='未初始化赋值', RelativeSource={RelativeSource AncestorType=local:UserControl1}}" FontSize="14" Foreground="Orange"/>

其中RelativeSource，可将控件绑定到自身或其父控件上

如对象RelativeSource使用属性AncestorType为用户控件类型，它就会绑定到自身，

否则，它会自动绑定到父控件的DataContext数据上下文对象。

运行的话，如果引发异常，如下图
在这里插入图片描述

提示这个属性未注册，需要设置可以用来支持绑定Binding的属性类型

注册属性

将属性MyText代码修改，添加后，代码如下

public string MyText
{get{return GetValue(MyTextProperty) as string;}set{SetValue(MyTextProperty, value);}
}

其中MyTextProperty属性是一个自定义的静态字段，类型为DependencyProperty，支持绑定数据，

添加这个字段，代码如下

public static readonly DependencyProperty MyTextProperty = DependencyProperty.Register("MyText", typeof(String), typeof(UserControl1));

其中传入的参数MyText就是注册的控件属性名称

运行看看效果，如下图
在这里插入图片描述

数据绑定

如果要更新那个文本控件内容，就这样做，

在窗体布局中修改一下用户控件的属性为绑定数据，内容如下

<local:UserControl1 MyText="{Binding key1}" />

再运行看看效果，如下图
在这里插入图片描述

正如预期，文本控件的内容已经同步更新了。

如果绑定失败，可点击程序窗口上悬浮的调试工具条的绑定图标按钮，如下图
在这里插入图片描述
看看为什么会绑定失败

数据监听

如果在用户控件中需要监听属性绑定的数据是否改变，

需要在属性的注册方法中添加一个监听方法，

修改用户控件的代码，代码如下

public static readonly DependencyProperty MyTextProperty = DependencyProperty.Register("MyText", typeof(String), typeof(UserControl1), new PropertyMetadata(OnMyTextPropertyChanged));

其中OnMyTextPropertyChanged是监听属性的改变事件,
在创建的对象PropertyMetadata有个参数可以传属性的默认值

在方法OnMyTextPropertyChanged里面，实现更新的处理

private static void OnMyTextPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{var uc = d as UserControl1;var newValue = e.NewValue as string;var oldValue = e.OldValue as string;//...
}

其中NewValue是改变后的值，OldValue是改变前的值，都是对象，取值前需要做对应的类型转换,

处理完时可调用用户控件对象UserControl1来更新，

更多了解请参考微软官方文档的RelativeSource类别

写到这里为止，先溜了…
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.xdnf.cn/news/147897.html

如若内容造成侵权/违法违规/事实不符，请联系一条长河网进行投诉反馈，一经查实，立即删除！

相关文章

基础算法（4）——前缀和

基础算法（4）——前缀和

1. 前缀和 题目描述&#xff1a; 解法一&#xff1a;暴力解法 直接模拟实现题目流程即可 时间复杂度为&#xff0c;根据题目给出的条件&#xff0c;肯定会超时 解法二&#xff1a;前缀和&#xff08;适用题型&#xff1a;快速 求出数组中某一个 连续区间 的 和&#xff09;…
阅读更多...
车路云一体化大模型数据治理方案

车路云一体化大模型数据治理方案

车路云一体化大模型数据治理解决方案 "杭州市发改委已批复了杭州交通投资集团的智能网联汽车“车路云一体化”试点项目。这一批复体现了其对该项目可行性研究报告的肯定&#xff0c;预示着杭州市在智能驾驶领域的进一步发展。" 2024年6月18日&#xff0c;第十一届国…
阅读更多...
WGS1984快速度确定平面坐标系UTM分带（快速套表、公式计算、软件范围判定）

WGS1984快速度确定平面坐标系UTM分带（快速套表、公式计算、软件范围判定）

之前我们介绍了坐标系3带6带快速确定带号及中央经线&#xff08;快速套表、公式计算、软件范围判定&#xff09;就&#xff0c;讲的是CGCS2000 高斯克吕格的投影坐标系。 那还有我们经常用的WGS1984的平面坐标系一般用什么投影呢? 对于全球全国的比如在线地图使用&#xff1a…
阅读更多...
面向未来的算力网络连接发展趋势分析

面向未来的算力网络连接发展趋势分析

面向未来的算力网络连接发展特点与实践 AI算力研究&#xff1a;英伟达B200再创算力奇迹&#xff0c;液冷、光模块持续革新 英伟达隆重宣布新一代Blackwell架构&#xff0c;华为对GPU算力需求高达百万片。 英伟达发布的GB200 NVL72 机架级系统内部包括 72 个 Blackwell GPU 和…
阅读更多...
【排序算法】插入排序_直接插入排序、希尔排序

【排序算法】插入排序_直接插入排序、希尔排序

文章目录 直接插入排序直接插入排序的基本思想直接插入排序的过程插入排序算法的C代码举例分析插入排序的复杂度分析插入排序的优点 希尔排序希尔排序&#xff08;Shell Sort&#xff09;详解希尔排序的步骤&#xff1a;希尔排序的过程示例&#xff1a;希尔排序的C语言实现举例…
阅读更多...
S3C2440定时器

S3C2440定时器

ee一、构造 二、设置相关位 1、MPLLCON寄存器&#xff08;配置MPLL寄存器&#xff0c;进行倍频&#xff09; 根据下列表格的想要输出的频率进行选择&#xff0c;选择完毕之后&#xff0c;对该寄存器进行设置 2、时钟分频控制&#xff08;CLKDIVN&#xff09;寄存器 根据不…
阅读更多...
CSP-J 2024 入门组初赛第一轮初赛试题及答案解析

CSP-J 2024 入门组初赛第一轮初赛试题及答案解析

CSP-J 2024 入门组初赛第一轮初赛试题及答案解析 一、 单项选择题&#xff08;共15题&#xff0c;每题2分&#xff0c;共计30分&#xff1a;每题有且仅有一个正确选项&#xff09; 1 32 位 int 类型的存储范围是&#xff08; &#xff09; A -2147483647 ~ 2147483647 B -21…
阅读更多...
第十四章：html和css做一个心在跳动，为你而动的表白动画

第十四章：html和css做一个心在跳动，为你而动的表白动画

💖 让心跳加速，传递爱意 💖 在这个特别的时刻，让爱在跳动中绽放！🌟 无论是初次相遇的心动，还是陪伴多年的默契，我们的心总在为彼此跳动。就像这颗炙热的爱心，随着每一次的跳动，传递着满满的温暖与期待。 在这个浪漫的季节，让我们一同感受爱的律动！无论你是在…
阅读更多...
【深度学习】（4）--卷积神经网络

【深度学习】（4）--卷积神经网络

文章目录 卷积神经网络一、画面不变性二、图像识别三、卷积网络结构1. 原理2. 卷积层3. 池化层4. 全连接层 四、感受野 总结 卷积神经网络 卷积神经网络&#xff08;Convolutional Neural Network&#xff0c;简称CNN&#xff09;是一种深度学习模型&#xff0c;特别适用于处理…
阅读更多...
基于SpringBoot+Vue+MySQL的校园一卡通系统

基于SpringBoot+Vue+MySQL的校园一卡通系统

系统展示 用户前台界面 管理员后台界面 系统背景 随着现代社会的快速发展&#xff0c;校园一卡通已成为大学生活中不可或缺的一部分。它不仅承载着校园消费的功能&#xff0c;还集成了学生身份证明、图书馆借阅、门禁系统等多种服务。然而&#xff0c;传统的一卡通管理系统往往…
阅读更多...
设计模式之策略模式例题

设计模式之策略模式例题

答案&#xff1a;A 知识点&#xff1a; 策略模式又叫模板方法模式 它的意图是定义一个操作中的算法骨架。而将一些步骤延迟到子类中&#xff0c;使得子类可以不改变一个算法的结构即可重新定义算法的某些特定步骤
阅读更多...
Elasticsearch——介绍、安装与初步使用

Elasticsearch——介绍、安装与初步使用

目录 1.初识 Elasticsearch1.1.了解 ES1.1.1.Elasticsearch 的作用1.1.2.ELK技术栈1.1.3.Elasticsearch 和 Lucene1.1.4.为什么不是其他搜索技术&#xff1f;1.1.5.总结 1.2.倒排索引1.2.1.正向索引1.2.2.倒排索引1.2.3.正向和倒排 1.3.Elasticsearch 的一些概念1.3.1.文档和字…
阅读更多...
大模型LLM对话模拟器Dialogue Simulator Visualization可视化工具

大模型LLM对话模拟器Dialogue Simulator Visualization可视化工具

伴随着生成式人工智能技术发展&#xff0c;进2年涌现出大语言模型LLM/Agent系统/AI推理等众多方向的技术项目和论文。其中对话系统&#xff0c;智能体交互是用户通过UX界面和AI系统进行交互&#xff0c;这种交互有时候也是多模态&#xff08;用户输入文字/语音/图像&#xff09…
阅读更多...
MySQL高阶1919-兴趣相同的朋友

MySQL高阶1919-兴趣相同的朋友

题目 请写一段SQL查询获取到兴趣相同的朋友。用户 x 和 用户 y 是兴趣相同的朋友&#xff0c;需满足下述条件&#xff1a; 用户 x 和 y 是朋友&#xff0c;并且用户 x and y 在同一天内听过相同的歌曲&#xff0c;且数量大于等于三首. 结果表 无需排序 。注意&#xff1a;返…
阅读更多...
用最通俗易懂的语言和例子讲解三维点云

用最通俗易懂的语言和例子讲解三维点云

前言&#xff1a; 我整体的学习顺序是看的按B站那“唯一”的三维点云的视频学习的&#xff08;翻了好久几乎没有第二个...&#xff09;对于深度学习部分&#xff0c;由于本人并没有进行学习&#xff0c;所以没有深究。大多数内容都进行了自己的理解并找了很多网络的资源方便理解…
阅读更多...
论文阅读：A Generalization of Transformer Networks to Graphs

论文阅读：A Generalization of Transformer Networks to Graphs

论文阅读&#xff1a;A Generalization of Transformer Networks to Graphs 1 摘要2 贡献Graph TransformerOn Graph Sparsity&#xff08;图稀疏&#xff09;On Positional Encodings&#xff08;位置编码&#xff09;3 Graph Transformer Architecture&#xff08;架构&#…
阅读更多...
阿里HPN-用于大型语言模型训练的数据中心网络

阿里HPN-用于大型语言模型训练的数据中心网络

阿里巴巴HPN:用于大型语言模型训练的数据中心网络 探索大规模语言模型训练新方法&#xff1a;阿里巴巴HPN数据中心网络论文。 摘要 本文介绍了阿里云用于大型语言模型(LLM)训练的数据中心网络HPN。由于LLM和一般云计算之间的差异(例如&#xff0c;在流量模式和容错性方面)&…
阅读更多...
一份热乎的阿里25届数据分析面试题

一份热乎的阿里25届数据分析面试题

目录 阿里巴巴25届数分面试题 想要获取答案&#xff0c;想进一步了解SQL这门艺术语言的&#xff0c;可以订阅我的专栏数字化建设通关指南&#xff0c;将在该专栏进行详细解析。 专栏 原价99&#xff0c;现在活动价39.9&#xff0c;按照阶梯式增长&#xff0c;还差3个名额将上…
阅读更多...
如何备份SqlServer数据库

如何备份SqlServer数据库

第一步&#xff1a;登录你要备份的服务器数据库ssms 第二步&#xff1a;选择你要备份的数据库 此处已PZ-SJCS 数据库为例 右键该数据库-->任务-->备份 第三步&#xff1a;选择你备份的类型备份组件等&#xff0c;目标磁盘 &#xff0c;点击添加选择将你备份的文件备份那…
阅读更多...
kubernetes网络(一)之calico详解

kubernetes网络(一)之calico详解

摘要 本文介绍Kubernetes最流行的网络解决方案calico。 kubernetes中不同宿主上的pod需要相互通信&#xff0c;如果按TCP/IP协议分层进行分类&#xff1a; 二层方案&#xff1a;flannel的udp和vxlan模式 三层方案&#xff1a;flannel的host-gw模式&#xff1b;calico的IPIP模…
阅读更多...
最新文章

Copyright @ 2022~2023