WPF与WinForm的本质区别(wpf和winui)
zhezhongyun 2025-06-09 07:23 1 浏览
在Windows应用程序开发中,WinForm和WPF是两种主要的技术框架。它们各自有不同的设计理念、渲染机制和开发模式。本文将详细探讨WPF与WinForm的本质区别,并通过示例进行说明。
渲染机制
WinForm
WinForm基于Windows GDI/GDI+进行渲染,这是一种基于CPU的渲染技术。每个控件都是Windows原生控件的封装,适合简单的用户界面。
示例:在WinForm中绘制自定义图形
protected override void OnPaint(PaintEventArgs e) {
base.OnPaint(e);
Graphics g = e.Graphics;
g.DrawEllipse(Pens.Red, 10, 10, 100, 100);
g.FillRectangle(Brushes.Blue, 120, 10, 100, 100);
}
WPF
WPF使用DirectX进行渲染,是一种基于GPU的渲染技术。所有控件都是由矢量图形组成,能够充分利用GPU加速,处理复杂动画和图形效果。
示例:在WPF中绘制相同图形
<Canvas>
<Ellipse Width="100" Height="100" Margin="10,10,0,0" Stroke="Red" StrokeThickness="1"/>
<Rectangle Width="100" Height="100" Margin="120,10,0,0" Fill="Blue"/>
</Canvas>
布局系统
WinForm
WinForm使用基于像素的绝对定位系统,控件位置通过坐标确定。虽然可以使用Dock等方法进行布局,但相对较为复杂。
示例:WinForm布局
button1.Location = new Point(10, 10);
button1.Size = new Size(100, 30);
button2.Location = new Point(120, 10);
button2.Size = new Size(100, 30);
WPF
WPF采用基于容器的流式布局系统,提供多种布局面板(如StackPanel、Grid等),使得界面设计更加灵活。
示例:WPF布局
<StackPanel>
<Button Width="100" Height="30" Margin="5" Content="Button 1"/>
<Button Width="100" Height="30" Margin="5" Content="Button 2"/>
</StackPanel>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="2*"/>
</Grid.ColumnDefinitions>
<Button Grid.Column="0" Content="Left"/>
<Button Grid.Column="1" Content="Right"/>
</Grid>
数据绑定
WinForm
WinForm提供简单的数据绑定机制,主要用于Windows Forms控件和数据源之间的绑定。
示例:WinForm数据绑定
public class Person {
public string Name { get; set; }
public int Age { get; set; }
}
// 在窗体中
Person person = new Person { Name = "John", Age = 30 };
textBox1.DataBindings.Add("Text", person, "Name");
numericUpDown1.DataBindings.Add("Value", person, "Age");
WPF
WPF提供了强大的数据绑定系统,支持多种绑定模式和转换器,能够实现更复杂的数据交互。
示例:WPF数据绑定
<Window x:Class="AppWpf.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
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:local="clr-namespace:AppWpf"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800">
<Window.Resources>
<local:AgeConverter x:Key="AgeConverter"/>
</Window.Resources>
<Grid>
<StackPanel Margin="20">
<TextBlock Text="个人信息" FontSize="18" Margin="0,0,0,10"/>
<StackPanel Orientation="Horizontal" Margin="0,0,0,10">
<TextBlock Text="姓名:" Width="100"/>
<TextBox Text="{Binding Name, UpdateSourceTrigger=PropertyChanged}"
Width="200"/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0,0,0,10">
<TextBlock Text="年龄:" Width="100"/>
<TextBox Text="{Binding Age, Converter={StaticResource AgeConverter}}"
Width="200"/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0,0,0,10">
<TextBlock Text="显示信息:" Width="100"/>
<TextBlock Text="{Binding DisplayInfo}" FontWeight="Bold"/>
</StackPanel>
</StackPanel>
</Grid>
</Window>
public class PersonViewModel : INotifyPropertyChanged
{
private string _name;
private int _age;
public string Name
{
get => _name;
set
{
_name = value;
OnPropertyChanged();
UpdateDisplayInfo();
}
}
public int Age
{
get => _age;
set
{
_age = value;
OnPropertyChanged();
UpdateDisplayInfo();
}
}
private string _displayInfo;
public string DisplayInfo
{
get => _displayInfo;
private set
{
_displayInfo = value;
OnPropertyChanged();
}
}
private void UpdateDisplayInfo()
{
DisplayInfo = string.IsNullOrEmpty(Name)
? "请输入姓名"
: #34;{Name}的年龄是{Age}岁";
}
public event PropertyChangedEventHandler PropertyChanged;
protected void OnPropertyChanged([CallerMemberName] string name = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
}
}
控件自定义
WinForm
WinForm主要通过属性设置和重写绘制方法来自定义控件外观。
示例:自定义WinForm按钮外观
public class CustomButton : Button {
protected override void OnPaint(PaintEventArgs pevent) {
Graphics g = pevent.Graphics;
Rectangle rect = ClientRectangle;
g.FillRectangle(Brushes.Blue, rect);
using (StringFormat sf = new StringFormat()) {
sf.Alignment = StringAlignment.Center;
sf.LineAlignment = StringAlignment.Center;
g.DrawString(Text, Font, Brushes.White, rect, sf);
}
}
}
WPF
WPF允许通过样式和模板来定义控件的外观,提供了更强大的样式定制能力。
示例:WPF按钮样式
<Style TargetType="Button">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<Border x:Name="border"
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
CornerRadius="5">
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter TargetName="border" Property="Background" Value="Red"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
事件处理
WinForm
WinForm使用传统的事件处理机制,事件处理相对简单。
示例:WinForm事件处理
public partial class Form1 : Form {
public Form1() {
InitializeComponent();
button1.Click += Button1_Click;
}
private void Button1_Click(object sender, EventArgs e) {
MessageBox.Show("Button Clicked!");
}
}
WPF
WPF使用更复杂的路由事件系统,支持事件隧道和冒泡,提供更灵活的事件处理方式。
示例:WPF路由事件
<StackPanel PreviewMouseDown="StackPanel_PreviewMouseDown">
<Button Content="Click Me" MouseDown="Button_MouseDown"/>
</StackPanel>
private void StackPanel_PreviewMouseDown(object sender, MouseButtonEventArgs e) {
// 隧道事件 - 首先触发
Debug.WriteLine("StackPanel Preview");
}
private void Button_MouseDown(object sender, MouseButtonEventArgs e) {
// 冒泡事件 - 随后触发
Debug.WriteLine("Button MouseDown");
}
开发模式
WinForm
WinForm适合快速原型开发,具有平缓的学习曲线,特别适合初学者和简单应用的开发。
WPF
WPF采用MVVM(Model-View-ViewModel)模式,适合大型应用程序开发,支持组件化和模块化特性。
总结
WinForm和WPF各有其独特的优势和适用场景。WinForm以其简单易用和快速开发的特点,适合初学者和小型企业应用。而WPF则凭借其强大的图形处理能力、灵活的布局和数据绑定机制,适合构建复杂的企业级应用。对于开发者来说,理解这两者的本质区别,有助于选择合适的技术框架来满足项目需求。
相关推荐
- Renaming column names in Pandas
-
技术背景在数据处理过程中,经常需要对数据框(DataFrame)的列名进行重命名,以满足数据分析、可视化或其他处理的需求。Pandas是Python中用于数据处理和分析的强大库,提供了多种重命名...
- JSA宏教程WPS表格常用内置对象——应用程序(Application)对象
-
一、关于应用程序Application对象Application对象就是一个运行着的WPS表格(即ET)应用程序,它是整个应用程序根对象,在它之上没有其他程序对象了。ET在WPS的文件夹中的图标如下:...
- Pandas通过columns属性访问、修改和删除列
-
在pandas中,DataFrame的列可以使用columns属性进行访问、修改或删除。以下是使用columns属性访问DataFrame列的示例代码:importpandasa...
- excel的高级用法——宏,原来如此实用
-
使用excel时,直接手动计算或者输入公式,你会感到很苦恼或者操作很繁琐,如果使用vba直接输出结果,虽然效率很高,但是不够直观。excel宏最方便的用法是作为公式里的函数使用,打开宏编辑器,编写一个...
- CSS grid-template-columns属性探讨|给你代码
-
CSSgrid布局CSSgrid布局是一种很强大的布局,兼容性如上表所示,表现在控制台里,你可以清楚看到他的内部每一个块都由一个虚线方块组成。他的每行每列都会生产一个单元格,而划分他们之间的线称为网...
- 7K star!Text2SQL还不够?试试RAG2SQL的开源工具
-
查询数据库离不开SQL,那如何快速构建符合自己期望的SQL呢?AI发展带来了Text2SQL的能力,众多产品纷纷提供了很好的支持。今天我们分享一个开源项目,它在Text2SQL的基础上还要继续提高,通...
- 用Python把表格做成web可视化图表
-
Python中有一个streamlit库,Streamlit的美妙之处在于您可以直接在Python中创建Web应用程序,而无需了解HTML、CSS或JavaScrip,今天我们就用st...
- 鸿蒙开发:使用Circle绘制圆形(鸿蒙圆角)
-
前言本文基于Api13上篇文章,我们使用Rect组件实现了矩形效果,本篇文章,我们继续探究几何图形的中圆形,实现矩形有多种形式,同样,圆形,也是有多种形式,在上篇的文章中也简单的做了几个案例,比如,我...
- pandas读取Excel数据(.xlsx和.xls)
-
Python,速成心法敲代码,查资料,问Ai练习,探索,总结,优化★★★★★★★★★★Python教程:PyCharm安装过程中遇到的中英...
- WPF - 4.布局(wpf 表单布局)
-
摘要WPF布局原则一个窗口中只能包含一个元素屏幕适应程序,不要显示设置的元素(控件)的尺寸,可以设置最小或者最大尺寸不应使用坐标设置元素的位置可以嵌套布局容器正文Grid面板通过Grid.RowDef...
- 前端开发避坑指南:每天都能用的 CSS3/Less/Sass 实战技巧
-
在前端开发这条路上,CSS3、Less和Sass就像三个形影不离的好兄弟。它们既能帮你打造出惊艳的页面效果,也会偶尔给你“挖坑”。今天就分享几个我在项目里摸爬滚打总结出的实战技巧,全是干货,拿...
- WPF 实现描点导航(wps描点作图)
-
WPF实现描点导航控件名:NavScrollPanel作者:WPFDevelopersOrg-驚鏵原文链接[1]:https://github.com/WPFDevelopersOrg/WPF...
- WPS表格自动绘制像素风格营销宣传海报文档
-
先看效果原图WPS表格(类Excel)效果,这不是贴图哦操作流程分解图片为BGR数值的二维数组化的CSV将二维数组的CSV导入数据,数据-导入-选择数据源-分隔符号-逗号-完成插入脚本,开发工具-WP...
- Python读写docx文件(python读文档)
-
Python读写docx文件Python读写word文档有现成的库可以处理pipinstallpython-docx安装一下。https://python-docx.readthedocs.io/...
- UWP开发入门(十七)--判断设备类型及响应VirtualKey
-
蜀黍我做的工作跟IM软件有关,UWP同时会跑在电脑和手机上。电脑和手机的使用习惯不尽一致,通常我倾向于根据窗口尺寸来进行布局的变化,但是特定的操作习惯是依赖于设备类型,而不是屏幕尺寸的,比如聊天窗口的...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML常用标签 (29)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法:GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)
- HTML button formtarget 属性 (30)
- CSS 水平对齐 (Horizontal Align) (30)