最新要闻
- 猛A、强攻、弱受三类男性肌肉画法教程!一条龙服务从头教到脚!
- 环球微速讯:雅迪维权声明:一些单位和个人抄袭、仿造雅迪专利 将采取法律手段
- 速递!支付宝上线付款码隐私保护功能 已为付款码配了“五把锁”
- 环球最新:腾讯公布自研沧海芯片进展:大幅领先行业GPU 已量产投入数万片
- 上热搜!麦当劳外卖配送价太贵遭吐槽 人民网发文评论
- 当前简讯:世界首款!意大利科学家发明可食用电池
- 焦点消息!“人为失误”击落乌克兰客机致176人遇难,伊朗判处10名军人有期徒刑
- 天天快看:时长2小时15分钟!真人版《小美人鱼》主演地广海报来了 黑美人鱼美吗
- 48个月流畅!小米平板6开机就是MIUI Pad 14:光子引擎性能飙升
- 环球快看点丨1254MB暴力缓存!AMD 96核心超级旗舰霄龙9684X首次亮相
- 天天简讯:“网红裤”+平底鞋,今夏必穿 !巨显腿长巨时髦!
- 纯白外观质感绝了!小米13 Ultra白色版首度亮相:已中毒
- 今日报丨79元!米家多功能充电台灯发布:无可视频闪、一灯三用秒变手电筒
- 全球热资讯!普通工人月薪1万 五险一金心动?特斯拉上海工厂被爆恶意克扣绩效奖 员工不满
- 每日观察!游客淄博买饼被宰?网友转账补差价 Up主回应:感谢山东人的实在和热情
- 【世界聚看点】苹果每三天赚10亿美元! 马斯克大赞:领导力改变一切
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
C# WPF数据绑定方法以及重写数据模板后数据绑定
写在前面
本文将会介绍WPF如何实现前后端数据绑定和在进行数据绑定时常用的方法和类以及对于DataGrid、ListView这样的控件重写数据模板后控件如何进行数据绑定。
(资料图)
本文主要针对于数据绑定的基础实现进行介绍,通过此博文你将会有能力编写一个MVVM设计模式的C#、WPF项目。如果您是C#及WPF的资深开发人员本文可能对您没有太大的帮助,但如果你是一个正在学习和了解C#、WPF的开发人员来说本文可以帮助你认识MVVM设计模式和数据绑定。
一、实现前后端数据绑定:
说到前后端的数据绑定,就需要先说一下WPF的MVVM设计模式,它是由传统的MVC设计模式改进而来,不同点在于MVVM数据源更新不需要一个Controller控制器来向前台同步数据,同时前台数据更改也不需要控制器向后台同步。如果想深入详细的了解MVVM设计模式百度百科对这部分的讲解和说明我认为非常的详细和系统。也可以阅读下方的实例,相信通过代码实例更能够让你对MVVM有一个更深入的认识。
实例:
源代码地址(码云):https://gitee.com/hkb1202/csharp-wpf-data-binding-demo
实例基于.Net Core 3.1平台,为博主编写并亲测可用的,通过实例相信你可以更好的理解这部分内容。
新建一个WPF项目,并且添加Command类和MainWindowsViewModel类
Command.cs代码:
1 using System; 2 using System.Windows.Input; 3 4 namespace WpfExample 5 { 6 public class Command : ICommand 7 { 8 9 ///Command.cs10 /// 检查命令是否可以执行的事件,在UI事件发生导致控件状态或数据发生变化时触发11 /// 12 public event EventHandler CanExecuteChanged13 {14 add15 {16 if (_canExecute != null)17 {18 CommandManager.RequerySuggested += value;19 }20 }21 remove22 {23 if (_canExecute != null)24 {25 CommandManager.RequerySuggested -= value;26 }27 }28 }29 30 ///31 /// 判断命令是否可以执行的方法32 /// 33 private Func
Command类是实现ICommand接口,从而实现将前台的命令注册到后台的ViewModel中,在此不详细展开讲解,请先照抄代码,如果对这部分感兴趣可以查阅博客园中关于ICommand接口的详解。暂时不理解这里并不影响后续的编码。
MainWindowViewModel.cs代码:
1 using System.Collections.ObjectModel; 2 using System.ComponentModel; 3 using System.Windows; 4 using System.Windows.Controls; 5 6 namespace WpfExample 7 { 8 public class MainWindowViewModel : INotifyPropertyChanged 9 { 10 //实现接口当数据源变动通知前台UI 11 public event PropertyChangedEventHandler? PropertyChanged; 12 13 public void RaisePropertyChanged(string propName) 14 { 15 if (PropertyChanged != null) 16 { 17 PropertyChanged(this, new PropertyChangedEventArgs(propName)); 18 } 19 } 20 21 ///MainWindowViewModel.cs22 /// 前台DataGrid绑定的People集合 23 /// 24 public ObservableCollectionPeople { get; set; } 25 26 /// 27 /// 绑定前台DataGrid控件SelectedItem字段上,用于保存当前选中的Item所对应的数据源 28 /// 29 public Person SelectItem 30 { 31 get 32 { 33 return m_SelectItem; 34 } 35 set 36 { 37 m_SelectItem = value; 38 RaisePropertyChanged("SelectItem"); 39 } 40 } 41 42 ///43 /// DataGrid控件中删除按钮命令 44 /// 45 public Command DelClick 46 { 47 get 48 { 49 if (m_DelClick == null) 50 m_DelClick = new Command(DeleteEvent); 51 52 return m_DelClick; 53 } 54 } 55 56 ///57 /// 前台添加小刚按钮命令 58 /// 59 public Command AddClick 60 { 61 get 62 { 63 if (m_AddClick == null) 64 m_AddClick = new Command(AdditionEvent); 65 66 return m_AddClick; 67 } 68 } 69 70 ///71 /// 前台修改Text按钮命令 72 /// 73 public Command ReviseClick 74 { 75 get 76 { 77 if (m_ReviseClick == null) 78 m_ReviseClick = new Command(ReviseEvent); 79 80 return m_ReviseClick; 81 } 82 } 83 84 ///85 /// 前台TextBlock控件显示的文本 86 /// 87 public string TextInfo 88 { 89 get 90 { 91 return m_TextInfo; 92 } 93 set 94 { 95 m_TextInfo = value; 96 //数据源更新调用更新前台UI方法 97 RaisePropertyChanged("TextInfo"); 98 } 99 }100 101 ///102 /// DataGrid控件电话信息的TextBox键盘按下回车命令103 /// 104 public Command PressEnterKey105 {106 get107 {108 if (m_PressEnterKey == null)109 m_PressEnterKey = new Command(PressEnterKeyEvent);110 111 return m_PressEnterKey;112 }113 }114 115 private Person m_SelectItem;116 private Command m_DelClick;117 private Command m_AddClick;118 private Command m_ReviseClick;119 private string m_TextInfo;120 private Command m_PressEnterKey;121 122 ///123 /// 构造方法124 /// 125 public MainWindowViewModel()126 {127 People = new ObservableCollection();128 129 Person person1 = new Person() { Name = "小明", Age = 12, Sex = "男", Phone = "110" };130 Person person2 = new Person() { Name = "小红", Age = 13, Sex = "女", Phone = "119" };131 Person person3 = new Person() { Name = "小王", Age = 15, Sex = "男", Phone = "120" };132 133 People.Add(person1);134 People.Add(person2);135 People.Add(person3);136 137 TextInfo = "点击右侧按钮这里内容将会变化!";138 }139 140 /// 141 /// DataGrid控件中删除按钮事件142 /// 143 /// 可传入前台控件144 private void DeleteEvent(object obj)145 {146 if (MessageBox.Show($"是否删除{SelectItem.Name}的数据?", "提示", MessageBoxButton.YesNo) == MessageBoxResult.Yes)147 {148 People.Remove(SelectItem);149 }150 }151 152 ///153 /// 前台添加小刚按钮事件154 /// 155 /// 可传入前台控件156 private void AdditionEvent(object obj)157 {158 if (MessageBox.Show("是否添加“姓名:小刚,年龄:18,性别:女,电话:123”?", "提示", MessageBoxButton.YesNo) == MessageBoxResult.Yes)159 {160 People.Add(new Person() { Name = "小刚", Age = 18, Sex = "女", Phone = "123" });161 }162 }163 164 ///165 /// 前台修改Text按钮事件166 /// 167 /// 可传入前台控件168 private void ReviseEvent(object obj)169 {170 if (TextInfo == "点击右侧按钮这里内容将会变化!")171 {172 TextInfo = "点击了右侧按钮!!!!!!!!!";173 }174 else175 {176 TextInfo = "点击右侧按钮这里内容将会变化!";177 }178 }179 180 ///181 /// DataGrid控件电话信息的TextBox键盘按下回车事件182 /// 183 /// 可传入前台控件184 private void PressEnterKeyEvent(object obj)185 {186 TextBox textBox = (TextBox)obj;187 MessageBox.Show($"点击了回车!控件内容为:{textBox.Text}");188 }189 190 ///191 /// 数据结构192 /// 193 public class Person194 {195 public string Name { get; set; }196 public int Age { get; set; }197 public string Sex { get; set; }198 public string Phone { get; set; }199 }200 }201 }
MainWindowsViewModel类中编写业务逻辑代码。
MainWindow.xaml代码:
1MainWindow.xaml9 10 4011 12 36 3713 3514 15 16 17 2718 2619 2520 2421 2322 28 3429 3330 31 3238 39
MainWindow.xaml.cs
1 using System.Windows; 2 3 namespace WpfExample 4 { 5 public partial class MainWindow : Window 6 { 7 public MainWindow() 8 { 9 InitializeComponent();10 //绑定DataContext11 DataContext = new MainWindowViewModel();12 }13 }14 }MainWindow.xaml.cs
实例效果:
主界面窗口,支持点击删除按钮删掉对应信息;支持修改姓名,年龄,性别,电话信息;支持修改电话信息按下回车键捕捉回车事件功能;支持点击左下角添加学生小刚按钮增加信息;支持点击右下角修改Text内容下方TextBlok控件内容变化。
点击删除按钮,弹出确认删除对话框,点击是则删除成功。
点击左下角“添加学生小刚”按钮,弹出是否确认添加小刚信息确认框,点击是则会添加小刚的信息。
在电话信息中输入回车会显示点击了回车弹框,并且显示控件中的内容。
点击右下角“修改Text内容按钮”下方TextBlock控件内容发生改变
修改小明的姓名后点击删除按钮,提示信息显示小明的姓名也被更改,说明数据源同时进行了更改。
1.数据源:数据绑定是通过ViewModel作为数据源,绑定到前台xaml进行实现的。通过后台对于数据源的修改,可以将内容直接同步到前台界面上。可以详见上面数据的删除和添加以及修改Text的实例。People、SelectItem、TextInfo都是数据源。
2.命令:除了数据要进行实时更新以外,前台的操作也应该能够传输到后台,在后台逻辑做出响应。这时我们需要用到Command(命令),在本实例中展示了将按钮的点击事件和键盘的回车事件通过命令的方式传到后台,但命令的用法远不止这两种,可以在实际的开发过程中跟据不同的需求在进行学习和尝试。值得注意的是命令是可以带参数的,前台代码中的CommandParameter就是它的参数,例如按钮点击的命令可以通过参数来确定点击的是哪一个按钮,当然也可以给每一个按钮绑定一个独立的命令。DelClick、AddClick、ReviseClick、PressEnterKey都是命令。
3.数据模板的重写:在本实例中重写了DataGrid控件中的电话一列和删除一列的数据模板,我们可以看到电话一列重写为了TextBox删除一列重写为了Button,表头也可以进行数据模板的重写。在DataTemplate中你可以写几乎任意的控件,如果需要放多个控件可以使用Grid和StackPanel这类布局控件进行封装。值得注意的是当重写数据模板之后,对于命令绑定的写法需要格外注意,需要注意Path和RelativeSource属性,详见例子代码中的写法,如果按照常规Binding的写法你会发现后端无法收到你绑定的命令。
4.双向绑定:顾名思义绑定是双向的,不仅仅是后台数据更新后自动同步到前台,同时前台的数据更新也会自动同步到后台。这种双向绑定也是MVVM设计模式的一大特点,本实例中可以看到修改了小明的名字后,修改的内容在你没有进行任何操作的情况下自动同步到了后台的数据源中(值得注意的是这里需要让选中的cell失去焦点修改的内容才会同步到后台数据源),这就是双向绑定。当然在绑定的过程中你可以设置多种模式,如果不设置默认为双向绑定,设置的方法是通过Mode属性(Binding="{Binding Name ,Mode=TwoWay}")你可以设置Default、OneTime、OneWay、OneWayToSource、TwoWay。
以上就是本实例中涉及一些要点,这些内容是做WPF和C#开发的基本内容,希望他们能对你的学习和工作起到一些帮助,如果对于本文某些用法写法说法有任何的意见欢迎指正交流。谢谢。
2023.4.17下午两点五十五分
关键词:
C# WPF数据绑定方法以及重写数据模板后数据绑定
Qt5.15.0 升级至 Qt5.15.9 遇到的一些错误
播报:如何利用 IP 归属地查询 API 精准锁定用户位置
猛A、强攻、弱受三类男性肌肉画法教程!一条龙服务从头教到脚!
本周日债发行规模升至近一个月高位
环球微速讯:雅迪维权声明:一些单位和个人抄袭、仿造雅迪专利 将采取法律手段
速递!支付宝上线付款码隐私保护功能 已为付款码配了“五把锁”
环球最新:腾讯公布自研沧海芯片进展:大幅领先行业GPU 已量产投入数万片
上热搜!麦当劳外卖配送价太贵遭吐槽 人民网发文评论
当前简讯:世界首款!意大利科学家发明可食用电池
世界观点:易基因:全基因组CpG密度和DNA甲基化分析方法比较(MeDIP、RRBS和WGBS)| 研究综述
全球焦点!布隆过滤器:后端开发者必学的知识点!
焦点消息!“人为失误”击落乌克兰客机致176人遇难,伊朗判处10名军人有期徒刑
天天快看:时长2小时15分钟!真人版《小美人鱼》主演地广海报来了 黑美人鱼美吗
48个月流畅!小米平板6开机就是MIUI Pad 14:光子引擎性能飙升
环球快看点丨1254MB暴力缓存!AMD 96核心超级旗舰霄龙9684X首次亮相
天天简讯:“网红裤”+平底鞋,今夏必穿 !巨显腿长巨时髦!
纯白外观质感绝了!小米13 Ultra白色版首度亮相:已中毒
今日报丨79元!米家多功能充电台灯发布:无可视频闪、一灯三用秒变手电筒
全球热资讯!普通工人月薪1万 五险一金心动?特斯拉上海工厂被爆恶意克扣绩效奖 员工不满
每日观察!游客淄博买饼被宰?网友转账补差价 Up主回应:感谢山东人的实在和热情
【世界聚看点】苹果每三天赚10亿美元! 马斯克大赞:领导力改变一切
世界滚动:JS中Map、WeakMap和Object的区别
从此告别写 SQL!DataLeap 帮你零门槛完成“数据探查”
要闻:官方:CBA公司及各俱乐部将深刻汲取教训
【播资讯】酱香科技过去式!中国移动市值超越贵州茅台成A股股王:加速千兆宽带
为五一假期调休:本周要上六天班 别忘定周日闹钟
硬核!马斯克母亲获得荣誉博士学位:目前经营一家营养企业
iPhone 11用户换Redmi Note 12 Turbo:妥妥的体验升级 再也不买苹果了
每日观察!余承东称2025年是汽车行业分水岭 专家:淘汰赛刚刚开始
微商城怎么注册?微商城和小程序商城有什么区别?
东莞电信的DNS是多少?东莞电信套餐资费一览表2023
联想K900跑分是多少?联想K900搭配的CPU是哪个厂商的?
ipad mini2可以升级到什么版本?ipad mini2参数配置
电信卡欠费多久会自动销户?电信卡用的手机制式是什么?
每日热文:MySQL 处理大数据表的 3 种方案,写的太好了,建议收藏!!
【全球速看料】Spring AOP官方文档学习笔记(二)之基于注解的Spring AOP
全球快资讯:exec 函数族 - 进程替换
今日看点:【创新突破 产业突围】周振宇带队前往陕西西安开展招商考察活动
全球热消息:小米13 Ultra官图公布:传承徕卡M系列相机设计 支持IP68
世界新消息丨埃安高管:特斯拉不是不能战胜 Hyper GT全面超越Model 3
简讯:2TB 1049元 1TB不到600:三星SSD/内存降价不买要涨价 国产存储顶上
售价17万的特斯拉要来了:谁开心、谁恐慌?
每日热点:ChatGPT之父辟谣:并未秘密训练GPT-5 短期内也不会
ST华英说明申请撤销其他风险警示相关情况
当前热文:明晚发布!小米13 Ultra外观正式揭晓:更像相机了
全球热头条丨毁经典!《海贼王》真人剧集口碑扑街:日漫原著粉在线声讨
全球讯息:余承东预言:2025年是汽车行业分水岭、像2013年的手机行业
苹果将于6月推出多款新品!苹果表将迎史上最大的软件更新
我国自研高性能兆瓦级PEM电解水制氢装备发布:国产化率超90%
环球即时看!维生素ABCDE的作用及功能主治(维生素abcde的作用及功能)
环球视讯![Flink] Flink作业报错:Caused by: The connector is trying to read binlog startin
每日热闻!央行圆桌汇:4月17日
今日报丨《百度智能驾驶开放白皮书》发布 面向车企开放四大能力
今头条!特斯拉中国工厂待遇如何?普通工人月薪1万块 父母看病都能报销
女子借朋友摩托车无证驾驶 在隧道“狂飙”拍抖音 朋友也惨了
世界快讯:真人版《小美人鱼》国内将上映!黑小美人鱼喊话自己可爱:我爱的人而战
全球百事通!全系800V高压、一体化铝压铸车身!小鹏SEPA 2.0扶摇架构发布
比原版多50分钟!真人版《小美人鱼》片长超2小时
热议:SoapUI使用教程-九五小庞
实时焦点:债市观察:做多情绪占优 收益率曲线平坦化下移
【读财报】制造主题基金2022年业绩透视:广发基金领亏 摩根基金净值跌幅最大
苹果设备不断要求输入Apple ID密码!客服回应:可尝试修改密码
环球今日讯!猿辅导被举报单日加班超6小时:上厕所需报备 时薪仅17元
当前快报:2022年全国共登记计算机软件著作权183.5万件:比十年前高12倍
全球快报:国内成品油零售价迎今年最大涨幅 加满多花70元:沙特俄罗斯减产 国际油价大涨
环球新资讯:卢谈G1:我们没有太多容错空间&不是试探性比赛 必须全力以赴
环球观点:学系统集成项目管理工程师(中项)系列08a_合同管理(上)
杭州萧山国际机场T3航站楼出现冒烟现象:无人受伤
天天视讯!今晚开始!国内成品油零售价迎今年最大涨幅:加满一箱多花20元
【全球报资讯】考研数据结构模板:顺序表、链表、栈、队列
世界热资讯!王一博、梁朝伟主演电影《无名》结束公映:85天票房9.31亿
热讯:RTX 4060 Ti、RTX 4060严重缩水:除了显存 还有一点没法看
天天视点!人类真是动物界最优秀的长跑运动员?别闹了
环球快报:一款车发布两年还没影!长城怎么这么难产?
当前聚焦:机械硬盘卖不动了 销量暴跌35%!三大品牌抱团哭惨
三代同堂!46岁皇马传奇古蒂升级当爷爷,22岁网红大女儿产下一子
天天关注:Node.js的安装以及配置npm全局模块路径和缓存路径
使用Sentieon加速甲基化(WGBS)分析
世界短讯!【明日方舟】4周年活动更新预测(第二版)
当前头条:4年不卡的骁龙8+旗舰来了!一加Ace 2原神限定版明天发:抢到赚到
全球视点!iOS 17控制中心将有大变化:有一批老设备不支持 将被淘汰
AMD、NVIDIA新一代显卡全部破发!次旗舰双双最惨
环球热议:扎实打牢数据结构算法根基,从此不怕算法面试系列之005 week01 02-05 使用自定义类测试我们前面实现的支持泛型的线性查找法
如何获取软件包的下载地址 wget curl
基于GPT3的代码编辑器Cursor试用-你的智能代码编辑助手
每日快播:React onBlur回调中使用document.activeElement返回body解决方案
世界观察:民营天龙二号液体火箭首飞成功:还隐藏了一个中国第一
天天看热讯:不知道这几点!你买电动牙刷就是花冤枉钱
世界热资讯!热泵干衣机被严重低估了!浑身都是宝
环球快播:致聂红的一封信
环球快报:2023上海车展丨这些即将首发的热门新车你一定不要错过!
云南泼水节白天是热闹夜晚是浪漫:市民游客共狂欢
员工回应公司发布高薪招聘老板公告:不是开玩笑
热推荐:java -- File类和递归
贾跃亭憋了九年的车终于量产?结果 又一张大饼!
环球快报:四边等宽的鸿蒙手机来了!华为nova 11明天发
潍坊风筝节放飞打工人的心声:引发网友热议
Intel鸡血驱动暴涨63%!Arc A750性价比秒杀RTX 3060 72%!
当前最新:天舟六号飞船、长征七号火箭抵达文昌!五次发射 100%成功