C# DevExpress 控件高效开发指南（1）

1. DevExpress控件入门指南第一次接触DevExpress控件时我被它丰富的功能惊艳到了。记得当时接手一个医疗管理系统项目客户要求界面要美观、操作要流畅还要支持复杂的数据展示。用了DevExpress后开发效率直接翻倍特别是它的RadioGroup控件让我再也不用为单选按钮组发愁了。DevExpress是.NET平台下的一套专业UI控件库包含了180组件能轻松实现各种炫酷的界面效果。相比原生控件它有三大优势开发效率高内置丰富的属性和事件几行代码就能实现复杂功能界面美观支持多种皮肤主题轻松打造专业级应用功能强大数据绑定、图表分析、报表导出等一应俱全如果你是WinForms或WPF开发者想提升开发效率和界面品质DevExpress绝对是你的不二之选。下面我就从最常用的几个控件开始手把手教你玩转DevExpress。2. RadioGroup控件的深度应用RadioGroup是我最爱的控件之一它完美解决了传统RadioButton的布局难题。上周刚用它完成了一个问卷调查模块客户反馈操作体验比原来流畅多了。2.1 基础配置三步走首先拖拽RadioGroup控件到窗体然后右键选择Edit Items添加选项。这里有个小技巧Description显示给用户看Value才是实际存储的值比如// 添加选项 radioGroup1.Properties.Items.AddRange(new DevExpress.XtraEditors.Controls.RadioGroupItem[] { new DevExpress.XtraEditors.Controls.RadioGroupItem(male, 男), new DevExpress.XtraEditors.Controls.RadioGroupItem(female, 女) }); // 设置默认选中第二项 radioGroup1.SelectedIndex 1;关键属性说明Name控件名称建议用rg前缀如rgGenderEditValue获取选中项的值SelectedIndex选中项索引从0开始2.2 实战技巧分享在实际项目中我总结出几个实用技巧动态绑定数据当选项需要从数据库加载时可以这样操作var options dbContext.GenderOptions.ToList(); radioGroup1.Properties.DataSource options; radioGroup1.Properties.DisplayMember DisplayName; radioGroup1.Properties.ValueMember Value;自定义外观通过Properties.Appearance属性可以修改文本颜色、背景等radioGroup1.Properties.Appearance.BackColor Color.LightBlue; radioGroup1.Properties.Appearance.Font new Font(微软雅黑, 10);事件处理响应选项变化事件private void radioGroup1_SelectedIndexChanged(object sender, EventArgs e) { string selectedValue radioGroup1.EditValue.ToString(); MessageBox.Show($您选择了{selectedValue}); }3. LookUpEdit的高级玩法LookUpEdit是DevExpress中的明星控件它比传统ComboBox强大得多。去年我做了一个客户管理系统用LookUpEdit实现带搜索的下拉框客户直呼专业3.1 数据绑定全攻略基础绑定方式是这样的private void BindLookUpEdit() { string sql SELECT UserID, UserName FROM Users; DataTable dt DBHelper.GetDataTable(sql); lookUpEdit1.Properties.ValueMember UserID; lookUpEdit1.Properties.DisplayMember UserName; lookUpEdit1.Properties.DataSource dt; // 自动调整列宽 lookUpEdit1.Properties.BestFitMode DevExpress.XtraEditors.Controls.BestFitMode.BestFitResizePopup; lookUpEdit1.Properties.PopulateColumns(); // 设置列标题和宽度 lookUpEdit1.Properties.Columns[UserName].Caption 用户姓名; lookUpEdit1.Properties.Columns[UserName].Width 150; }3.2 模糊查询实现让LookUpEdit支持搜索功能只需设置几个属性lookUpEdit1.Properties.TextEditStyle DevExpress.XtraEditors.Controls.TextEditStyles.Standard; lookUpEdit1.Properties.ImmediatePopup true; // 输入时立即弹出下拉框 lookUpEdit1.Properties.PopupFilterMode DevExpress.XtraEditors.Controls.PopupFilterMode.Contains; // 包含匹配 lookUpEdit1.Properties.AutoComplete false;3.3 实战经验获取选中值注意区分EditValue和Textprivate void lookUpEdit1_EditValueChanged(object sender, EventArgs e) { string userID lookUpEdit1.EditValue?.ToString(); // 获取ValueMember值 string userName lookUpEdit1.Text; // 获取DisplayMember值 }性能优化当数据量过大时超过1万条建议启用虚拟模式lookUpEdit1.Properties.PopulateColumns(); lookUpEdit1.Properties.Columns[UserID].Visible false; // 隐藏ID列 lookUpEdit1.Properties.EnableAsyncMode true; // 启用异步加载4. TrackBarControl的妙用TrackBarControl滑块控件在参数调节场景中非常实用。最近用它做了一个图片编辑器用户可以通过滑块调整亮度、对比度体验相当不错。4.1 基础配置// 设置取值范围 trackBarControl1.Properties.Minimum 0; trackBarControl1.Properties.Maximum 100; trackBarControl1.Properties.TickFrequency 10; // 刻度间隔 // 显示刻度值 trackBarControl1.Properties.ShowValueToolTip true; trackBarControl1.Properties.ToolTipFormat 当前值: {0}; // 响应值变化事件 private void trackBarControl1_EditValueChanged(object sender, EventArgs e) { int currentValue (int)trackBarControl1.EditValue; label1.Text $亮度: {currentValue}%; }4.2 自定义样式通过Properties.Appearance属性可以自定义滑块样式trackBarControl1.Properties.Appearance.ForeColor Color.Blue; trackBarControl1.Properties.AppearanceTrackBar.Thumb.Width 20; trackBarControl1.Properties.AppearanceTrackBar.Thumb.Height 30;5. DateEdit日期控件的专业用法DateEdit控件比原生DateTimePicker强大太多特别是在日期范围选择和时间格式处理方面。5.1 基础使用// 设置默认日期和格式 dateEdit1.EditValue DateTime.Now.AddDays(-1); dateEdit1.Properties.DisplayFormat.FormatString yyyy-MM-dd HH:mm:ss; dateEdit1.Properties.DisplayFormat.FormatType DevExpress.Utils.FormatType.DateTime; dateEdit1.Properties.EditFormat.FormatString yyyy-MM-dd; dateEdit1.Properties.EditFormat.FormatType DevExpress.Utils.FormatType.DateTime; // 获取日期值 DateTime selectedDate dateEdit1.DateTime;5.2 高级功能日期范围限制dateEdit1.Properties.MinValue DateTime.Now.AddYears(-1); dateEdit1.Properties.MaxValue DateTime.Now.AddYears(1);快捷日期选项dateEdit1.Properties.CalendarView DevExpress.XtraEditors.Repository.CalendarView.TouchUI; dateEdit1.Properties.ShowToday true; dateEdit1.Properties.ShowWeekNumbers true;自定义日期按钮var btn new DevExpress.XtraEditors.Controls.EditorButton(DevExpress.XtraEditors.Controls.ButtonPredefines.Glyph); btn.Caption 选择; dateEdit1.Properties.Buttons.Add(btn);在实际项目中我发现合理组合使用这些控件能极大提升开发效率。比如在一个订单管理系统中用RadioGroup选择订单类型LookUpEdit选择客户DateEdit选择日期范围TrackBarControl调整查询结果的显示数量整个界面既专业又实用。记住DevExpress控件的精髓在于它的Properties属性集几乎所有的功能定制都是通过设置各种Properties实现的。刚开始可能会觉得属性太多无从下手但熟悉后你会发现这种设计非常合理和强大。