掌握 WPF 开发:基础、数据绑定与自定义控件
WPF(Windows Presentation Foundation)是用于构建现代桌面应用程序的强大框架。它通过 XAML(Extensible Application Markup Language)与丰富的控件体系,提供了灵活的 UI 开发方式。本文将介绍 WPF 的基础知识、XAML 语法、数据绑定、路由事件与命令、模板与样式以及自定义控件的开发。
1. WPF 基础
WPF 是一个基于矢量图形的 UI 框架,它将用户界面与业务逻辑分离,通过 XAML
语言定义界面布局,并通过 C#
代码处理业务逻辑。
WPF 的核心特性包括:
- 矢量化绘图:WPF 使用 DirectX 渲染图形,界面在不同分辨率下不会失真。
- 数据绑定与 MVVM 模式:WPF 强大的数据绑定机制适合构建响应式应用。
- 自定义控件与样式:WPF 提供了高度灵活的 UI 自定义能力,支持修改控件样式、模板。
下面是一个简单的 WPF 应用的示例:
public partial class MainWindow : Window
{public MainWindow(){InitializeComponent();}
}
在上面的代码中,MainWindow
是一个继承自 Window
类的 WPF 窗体,使用 InitializeComponent()
方法来初始化由 XAML
定义的 UI 组件。
2. XAML 语法
XAML 是 WPF 中用于描述 UI 的标记语言。它允许你使用声明式的语法定义 UI 控件、布局、样式等。每个 XAML 元素都映射到 WPF 中的类或属性。
基本 XAML 语法
<Window x:Class="WpfApp.MainWindow"xmlns="<http://schemas.microsoft.com/winfx/2006/xaml/presentation>"xmlns:x="<http://schemas.microsoft.com/winfx/2006/xaml>"Title="My First WPF App" Height="350" Width="525"><Grid><Button Content="Click Me" HorizontalAlignment="Center" VerticalAlignment="Center" /></Grid>
</Window>
在这个示例中,<Window>
定义了一个窗口,<Grid>
用于布局,而 <Button>
是一个按钮控件,Content
属性定义按钮的文本。
XAML 允许开发者以直观的方式定义用户界面,并且支持数据绑定、样式和资源的定义。
3. 数据绑定(Data Binding)
数据绑定 是 WPF 中的核心功能之一。它允许将 UI 控件与数据源(如对象、集合、数据库等)连接起来,确保界面自动更新,响应数据变化。
基本数据绑定示例
<TextBox Text="{Binding Name}" Width="200" />
在上面的 XAML 中,TextBox
的 Text
属性绑定到 Name
属性。如果数据源的 Name
属性发生更改,TextBox
会自动更新显示的内容。
数据上下文(DataContext)
数据上下文(DataContext
)用于指定控件绑定的数据源。
<Window.DataContext><local:Person Name="Alice" Age="25" />
</Window.DataContext>
在这个示例中,窗口的 DataContext
被设置为 Person
对象,XAML 中的控件可以绑定到该对象的属性。
4. 路由事件与命令
路由事件 是 WPF 独特的事件系统,它允许事件在控件层次结构中传播,可以是“冒泡”或“隧道”类型。WPF 还提供了 命令(Command
)系统,用于将用户操作与业务逻辑解耦。
路由事件
- 冒泡事件:事件从事件源向上传播。
- 隧道事件:事件从顶层控件向下传播。
<Button Content="Click Me" Click="Button_Click" />
命令绑定
命令机制用于响应用户操作,常见的命令有 RoutedCommand
和 RelayCommand
。
<Button Command="{Binding SaveCommand}" Content="Save" />
通过绑定 SaveCommand
,可以将按钮的点击与命令关联,处理相关逻辑。
5. 模板与样式
WPF 提供了强大的 样式(Style) 和 模板(Template) 系统,允许开发者完全自定义控件的外观。通过样式可以改变控件的属性,而通过模板可以改变控件的结构。
样式定义
<Window.Resources><Style TargetType="Button"><Setter Property="Background" Value="LightBlue" /><Setter Property="FontSize" Value="16" /></Style>
</Window.Resources>
在上面的示例中,所有按钮的背景色和字体大小都被统一设置。
控件模板
控件模板用于改变控件的结构。例如,可以通过重定义按钮的模板来完全改变它的外观。
<ControlTemplate TargetType="Button"><Border Background="{TemplateBinding Background}" CornerRadius="10"><ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/></Border>
</ControlTemplate>
这个示例通过 ControlTemplate
修改按钮的外观,定义了一个带圆角的边框。
6. 自定义控件与用户控件
WPF 允许开发者创建 用户控件(UserControl) 和 自定义控件(Custom Control),以便在应用程序中复用复杂的 UI 组件。
用户控件
用户控件是将现有控件组合成一个复合控件,适合处理特定的 UI 模块。
<UserControl x:Class="WpfApp.MyUserControl"><Grid><TextBlock Text="Hello, UserControl!" /></Grid>
</UserControl>
用户控件通过 XAML 和代码背后的类组合现有控件,用于实现可复用的 UI 部件。
自定义控件
自定义控件继承自 Control
类,可以完全自定义控件的行为和外观。
public class CustomButton : Button
{// 这里可以添加自定义行为和属性
}
自定义控件提供了更大的灵活性,适合复杂的 UI 控件需求。
结论
WPF 提供了现代桌面应用程序开发中所需的所有功能,包括灵活的布局系统、数据绑定、路由事件与命令系统、样式与模板自定义,以及自定义控件的能力。通过使用 WPF 的这些核心功能,开发者可以创建功能强大、界面优雅的桌面应用程序。
- XAML 是定义 UI 布局的核心语言。
- 数据绑定 提供了视图与数据之间的无缝连接。
- 路由事件与命令 实现了用户交互的事件处理机制。
- 样式与模板 允许开发者自由定制控件外观。
- 自定义控件与用户控件 使得 UI 组件的复用成为可能。
通过掌握这些功能,开发者可以充分利用 WPF 构建出高效、现代化的桌面应用程序。
这篇博客为你介绍了 WPF 开发的基础内容。如果你有进一步的疑问或需要具体的示例代码,欢迎继续探讨!
相关文章:
掌握 WPF 开发:基础、数据绑定与自定义控件
WPF(Windows Presentation Foundation)是用于构建现代桌面应用程序的强大框架。它通过 XAML(Extensible Application Markup Language)与丰富的控件体系,提供了灵活的 UI 开发方式。本文将介绍 WPF 的基础知识、XAML 语…...
PostgreSQL:生成-唯一主键id
1. 通过时间戳和随机数拼接生成 select TO_CHAR(NOW(), YYYYMMDDHH24MISS) || LPAD(FLOOR(RANDOM() * 1000000)::TEXT, 6, 0) AS unique_id解析: TO_CHAR(NOW(), ‘YYYYMMDDHH24MISS’):该部分将当前时间 (NOW()) 格式化为 YYYYMMDDHH24MISS 格式&#…...
Swift添加自定义字体
1. 在 Xcode 中添加自定义字体 首先,你需要将自定义字体文件(如 .ttf 或 .otf 文件)添加到项目中。 将字体文件拖放到项目的资源管理器中,确保选中了 "Copy items if needed"。打开 Info.plist 文件,添加一…...

Springboot 整合 Java DL4J 实现企业门禁人脸识别系统
🧑 博主简介:历代文学网(PC端可以访问:https://literature.sinhy.com/#/literature?__c1000,移动端可微信小程序搜索“历代文学”)总架构师,15年工作经验,精通Java编程,…...

SSTI模板注入+CTF实例
参考文章: 一文了解SSTI和所有常见payload 以flask模板为例-腾讯云开发者社区-腾讯云 (tencent.com) python-flask模块注入(SSTI) - ctrl_TT豆 - 博客园 (cnblogs.com) ssti详解与例题以及绕过payload大全_ssti绕过空格-CSDN博客 1. SSTI(模板注入&…...

iPhone 16 Pro 拆解揭秘:设计改进与维修便利性
苹果最新推出的iPhone 16系列在许多方面都进行了更新和改进,而这次我们要聚焦的是其中的高端型号——iPhone 16 Pro。 这款手机不仅在性能上有所提升,在内部构造上也带来了不少变化,让我们一起来看看这些细节吧。 更容易进入的内部结构 对于…...

Java项目实战II养老||基于Java+Spring Boot+MySQL的社区智慧养老监护管理平台设计与实现(源码+数据库+文档)
目录 一、前言 二、技术介绍 三、系统实现 四、文档参考 五、核心代码 六、源码获取 全栈码农以及毕业设计实战开发,CSDN平台Java领域新星创作者,专注于大学生项目实战开发、讲解和毕业答疑辅导。获取源码联系方式请查看文末 一、前言 随着老龄化…...

利用FnOS搭建虚拟云桌面,并搭建前端开发环境(二)
利用FnOS搭建虚拟云桌面,并搭建前端开发环境 二 一、docker镜像二、环境配置三、核心环境配置流程文档 利用FnOS搭建虚拟云桌面,并搭建前端开发环境(一) 上一章安装了飞牛FnOS系统,界面如下,这一张配置前端…...
【Python】Qwen-VL-7B box
VLLM-Qwen2-VL-7B-Instruct import cv2# 读取图像 image_path haibaoA.png # 替换为图像的路径 image cv2.imread(image_path)# 定义框的坐标 (x1, y1) 是左上角,(x2, y2) 是右下角 x1, y1 200, 550 # 左上角坐标 x2, y2 799, 750 # 右下角坐标 h, w image.…...

echarts按需引入解决项目大小问题
背景: 按需加载缩减项目大小,提升项目性能和可用性 实现: 创建echarts.js main.js进行配置 页面中引用 效果 全量导入 按需加载:...

天气预报echarts
如上图,可以切换温度,降水量,风力风向和空气质量 <template><el-radio-group v-model"selectedData" change"updateChart"><el-radio-button label"temperature">温度</el-radio-butto…...

Kafka-初识
一、Kafka是什么? Kafka是一个高度可扩展、弹性、容错和安全的分布式流处理平台,由服务器和客户端组成,通过高性能TCP网络协议进行通信。它可以像消息队列一样生产和消费数据。可以部署在裸机硬件、虚拟机和容器上,也可以部署在本…...
Redis的主要的特性和优势 ?
Redis 的主要特性 内存存储:Redis 将数据存储在内存中,这使得读写操作非常快速。它还支持将数据持久化到磁盘,以防止数据丢失。 丰富的数据结构:Redis 不仅支持简单的字符串键值对,还支持更复杂的数据结构,…...

yolov5-7.0模型DNN加载函数及参数详解(重要)
yolov5-7.0模型DNN加载函数及参数详解(重要) 引言yolov5(v7.0)1,yolov5.h(加载对应模型里面的相关参数要更改)2,main主程序(1)加载网络(2)检测推理࿰…...
StringEntity 用于将字符串内容作为 HTTP 请求实体(请求体)
StringEntity 类是 Apache HttpClient 库中的一个类,它用于将字符串内容作为 HTTP 请求实体(请求体)。这个类非常适合用于发送 JSON、XML 或其他需要以字符串形式发送的数据。以下是 StringEntity 类的一些常用方法和代码案例: …...

校园系统校园小程序 论坛校园圈系统失物招领、闲置二手、跑腿外卖等校园圈子系统应该具备有哪些功能
针对校园系统、校园小程序、论坛校园圈系统以及失物招领、闲置二手、跑腿外卖等具体功能,一个综合性的校园圈子系统应该具备以下主要功能: 前后端源码查看 一、基础功能 用户注册与登录 提供用户注册和登录功能,支持学生身份验证、手机号验…...

[AWS云]kafka调用和创建
背景:因为因为公司的项目需要使用AWS的kafka,但是在创建和使用过程中都遇到了一些报错和麻烦,毕竟老外的东西,和阿里云、华为使用起来还是不一样。 一、创建(创建的配置过程就略了,就是配置一下可用区、型号࿰…...

查看 Excel 应用程序中已打开的 Excel 文件的完整路径
要查看 Excel 应用程序中已打开的 Excel 文件的完整路径(全路径),你可以通过以下几种方法获取具体路径,尤其是在 VSTO 应用程序中。 方法1:使用 VSTO Excel 外接程序代码 在 VSTO 外接程序代码中,您可以直接…...
学习 RocketMQ 单机部署、消息发送、消息接收
文章目录 RocketMQ 介绍为什么要使用 MQ ?RocketMQ 与其他产品对比vs Kafkavs RabbitMQvs ActiveMQ RocketMQ 重要概念部署 Namesrver、Broker、Dashboard快速入门消息生产者消息消费者 消费模式简单消息1)同步发送2)异步发送3)单…...
【计算机网络】CDN
CDN(Content Delivery Network,内容分发网络)是一种分布式的服务器网络,旨在通过将内容缓存到多个地理位置的服务器上,加速内容的分发和传递。CDN 的主要目的是减少用户访问网站时的延迟,提升用户体验&…...

国防科技大学计算机基础课程笔记02信息编码
1.机内码和国标码 国标码就是我们非常熟悉的这个GB2312,但是因为都是16进制,因此这个了16进制的数据既可以翻译成为这个机器码,也可以翻译成为这个国标码,所以这个时候很容易会出现这个歧义的情况; 因此,我们的这个国…...

visual studio 2022更改主题为深色
visual studio 2022更改主题为深色 点击visual studio 上方的 工具-> 选项 在选项窗口中,选择 环境 -> 常规 ,将其中的颜色主题改成深色 点击确定,更改完成...

Cinnamon修改面板小工具图标
Cinnamon开始菜单-CSDN博客 设置模块都是做好的,比GNOME简单得多! 在 applet.js 里增加 const Settings imports.ui.settings;this.settings new Settings.AppletSettings(this, HTYMenusonichy, instance_id); this.settings.bind(menu-icon, menu…...

视频行为标注工具BehaviLabel(源码+使用介绍+Windows.Exe版本)
前言: 最近在做行为检测相关的模型,用的是时空图卷积网络(STGCN),但原有kinetic-400数据集数据质量较低,需要进行细粒度的标注,同时粗略搜了下已有开源工具基本都集中于图像分割这块,…...

保姆级教程:在无网络无显卡的Windows电脑的vscode本地部署deepseek
文章目录 1 前言2 部署流程2.1 准备工作2.2 Ollama2.2.1 使用有网络的电脑下载Ollama2.2.2 安装Ollama(有网络的电脑)2.2.3 安装Ollama(无网络的电脑)2.2.4 安装验证2.2.5 修改大模型安装位置2.2.6 下载Deepseek模型 2.3 将deepse…...
Webpack性能优化:构建速度与体积优化策略
一、构建速度优化 1、升级Webpack和Node.js 优化效果:Webpack 4比Webpack 3构建时间降低60%-98%。原因: V8引擎优化(for of替代forEach、Map/Set替代Object)。默认使用更快的md4哈希算法。AST直接从Loa…...
MySQL 部分重点知识篇
一、数据库对象 1. 主键 定义 :主键是用于唯一标识表中每一行记录的字段或字段组合。它具有唯一性和非空性特点。 作用 :确保数据的完整性,便于数据的查询和管理。 示例 :在学生信息表中,学号可以作为主键ÿ…...
云原生周刊:k0s 成为 CNCF 沙箱项目
开源项目推荐 HAMi HAMi(原名 k8s‑vGPU‑scheduler)是一款 CNCF Sandbox 级别的开源 K8s 中间件,通过虚拟化 GPU/NPU 等异构设备并支持内存、计算核心时间片隔离及共享调度,为容器提供统一接口,实现细粒度资源配额…...
鸿蒙(HarmonyOS5)实现跳一跳小游戏
下面我将介绍如何使用鸿蒙的ArkUI框架,实现一个简单的跳一跳小游戏。 1. 项目结构 src/main/ets/ ├── MainAbility │ ├── pages │ │ ├── Index.ets // 主页面 │ │ └── GamePage.ets // 游戏页面 │ └── model │ …...
32单片机——基本定时器
STM32F103有众多的定时器,其中包括2个基本定时器(TIM6和TIM7)、4个通用定时器(TIM2~TIM5)、2个高级控制定时器(TIM1和TIM8),这些定时器彼此完全独立,不共享任何资源 1、定…...