DevExpress：范围选择控件RangeControl

最新推荐文章于 2024-05-23 09:32:41 发布

转载最新推荐文章于 2024-05-23 09:32:41 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/Tsybius2014/blog/521383

文章标签：

#c# #人工智能

本文介绍DevExpress库中RangeControl控件的使用方法，包括控件的放置、配置及功能演示。通过实例展示如何设置数值范围、调整边界以及缩放显示比例。

本文为我的.NET控件库DevExpress使用笔记，我的DevExpress版本为13.1

1、控件类型全称：DevExpress.XtraEditors.RangeControl

2、控件所在程序集：DevExpress.XtraEditors.v13.1.dll

3、工具箱内分类：DX.13.1: Common Controls

4、控件样式截图

5、一个新的RangeControl被放置到窗体内时，里面会有一行字“Please add client to RangeControl”

在属性管理器的最下侧，可以找到“Add Numeric Client”，点击该链接

这个时候RangeControl控件中就被放入了一个新的控件，该控件的类型为DevExpress.XtraEditors.NumericRangeControlClient，该控件继承自RangeControlClientBase，后者继承自Component

NumericRangeControlClient的属性中，Maximum为显示在界面上区域最右侧的值，Minimum为显示在界面上区域最左侧的值，RulerDelta为每两个刻度间隔的值

5、RangeControl的使用效果，可以从下面张GIF动态图中看到

鼠标拖动左右两个矩形条，可以拉动选择区域的左边界或右边界：

该控件还允许对当前显示的数字范围进行放大或缩小：

两张图片取自DevExpress的官方说明页：

https://documentation.devexpress.com/#WindowsForms/clsDevExpressXtraEditorsRangeControltopic

END

转载于:https://my.oschina.net/Tsybius2014/blog/521383

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chenzai1946

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

DevExpress：范围选择控件RangeControl使用

Jack1009HF的博客

08-18

2102

DevExpress：范围选择控件RangeControl使用一、控件样式二、常用操作1.数据绑定2.外观属性Selection TypeShowLabelsShowZoomScrollBar3.控件方向4.最小间隔三、使用效果在图表类软件开发时，会遇到折线图显示范围过长的情况。RangeControl控件可以轻松地对图形显示区域进行范围选择，可以更加直观地对图线趋势、细节进行显示。此篇为项目开发中的使用总结，DevExpress的版本为15.1，RangeControl控件绑定在了ChartContr

DevExpress WinForms v24.1新版亮点：富文本编辑器、电子表格组件功能升级

需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~

09-30

1818

DevExpress WinForms控件v24.1日前已经全新发布，新版本进一步升级了富文本编辑器、电子表格组件功能等，欢迎下载最新版体验！

参与评论您还未登录，请先登录后发表或查看评论

range显示当前刻度_DevExpress：可指定范围的刻度条RangeTrackBarControl

weixin_34861332的博客

01-30

767

本文为我的.NET控件库DevExpress使用笔记，我的DevExpress版本为13.11、控件类型全称：DevExpress.XtraEditors.RangeTrackBarControl2、控件所在程序集：DevExpress.XtraEditors.v13.1.dll3、工具箱内分类：DX.13.1: Common Controls4、控件样式截图说明：这是一个刻度从0-100的刻度...

devexpress 13.1.5破解文件和汉化包

10-31

devexpress 13.1.5破解文件和汉化包，超级好用，最新版

DevExpress之时间控件

weixin_30755393的博客

03-16

623

dateEdit和timeEdit 基本属性 DisplayFormat.FormatString-------失去焦点是控件显示的格式，timeEdit用不上 EditMask--------------------------获取焦点时也就是在编辑状态时控件的显示格式 ShowToday-----------------------控件编辑状态时是否在编辑框中显示当天日期，dateEd...

Dev DateNavigator設定日期範圍

g893846364的博客

04-27

346

【代码】Dev DateNavigator設定日期範圍。

C# DevExpress GaugeControl控件demo，包括仪表盘、数码管、温度计、交通灯和表情的使用

04-10

首先，`GaugeControl`是DevExpress控件库中的一个关键组件，它可以创建多种样式和功能的仪表，例如模拟仪表盘、数字显示等。开发者可以通过调整其属性和值来定制显示效果，以满足特定的业务需求或界面设计。 1. **...

使用Devexpress的chartcontrol控件报System.ArgumentOutOfRangeException异常及解决办法

u011629814的博客

10-17

3055

描述：C# winform软件使用了chartcontrol控件，在使用数据刷新时会不定时的报错（有时报错，有时不报错）控件使用方法：charcontrol控件通过订阅事件获取最新的数据，然后在chartcontrol控件上显示。报错内容如下： System.ArgumentOutOfRangeException:“指定的参数已超出有效值的范围。 Arg_ParamName_Name” System.ArgumentOutOfRangeException HResult=0x801315.

DevExpress WinForms中文教程 - HTML & CSS支持的实战应用(二)

需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~

05-23

1720

本文将为大家介绍如何使用DevExpress报表组件时实现按条件显示页面水印，欢迎下载相关组件体验！

DevExpress 13.1.5免费版

12-22

DevExpress的全称是Developer Express，这是一款可用于Visual Studio集成开发环境的专业的控件开发软件。使用它你可以开发出非常漂亮的界面。

Winform开发插件DevExpress 13.1.5完全补丁，美化界面必备

08-23

Winform开发插件DevExpress 13.1.5完全补丁，美化界面必备

DevExpress Universal 13.1.5下载+注册补丁+本地汉化文件

08-23

百度网盘地址

DevExpress.Patch.for13.1.5的源代码，喜欢自己研究破解的，看看！！！

11-13

DevExpress.Patch.for13.1.5的源代码，喜欢自己研究破解的，看看！！！现在帖子已经关闭，没地方下载了：）我共享出来，造福大家：）

Devexpress 13.1.5 13.1.6 winform本地汉化类

08-27

对Devexpress 13.1.5 winform 部分组件的汉化，13.1.6也适用。

如何在Dev GridControl中添加颜色可变的ProgressBar（GridControl ProgressBar Change Color）...

系统运维

05-30

442

1.前言在使用DevExpress，GridControl自带的ProgressBarControl的时候由于无法通过BackColor/ForeColor来改变进度条的颜色所以很多特效是实现不了的。如下面所以必须使用其他的一些方式来实现颜色可变的ProgressBar. 情况一、不使用ProgressBarControl，而是根据单元格的值使用GDI绘制一个带背景色的长...

DevExpress WinForms日程/日历组件，可轻松创建信息管理解决方案！（二）

需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~

07-06

790

DevExpress WinForms完全可定制的Scheduler和Calendar组件，可以轻松地提供Outlook启发的调度/信息管理解决方案。

提高DevExpress winform 控件加载速度

最新发布

07-06

<think>我们正在使用DevExpress的ChartControl控件来绘制范围条形图（Range Bar）。范围条形图通常用于表示一个范围，例如时间范围、温度范围等，每个条形有两个值（起点和终点）。根据DevExpress文档，范围条形图属于Range系列。我们可以通过创建Series并设置其View为RangeBarSeriesView来实现。步骤： 1. 创建ChartControl控件（如果已存在则跳过）。 2. 创建两个Series对象，并设置其View为RangeBarSeriesView（注意：范围条形图需要两个值，即起点和终点，因此数据点需要两个数值）。 3. 设置数据源，每个数据项应包含两个数值（例如，LowValue和HighValue）以及一个类别（如Category）。 4. 将系列添加到ChartControl的Series集合中。 5. 配置坐标轴（通常横轴为数值轴，纵轴为类别轴，但也可以根据需求调整）。 6. 添加标题等其他元素。参考示例代码：注意：以下代码是WinForms环境的示例。 ```csharp using DevExpress.XtraCharts; // 假设我们有一个ChartControl实例chartControl1 chartControl1.Series.Clear(); // 创建一个系列 Series series1 = new Series("Series 1", ViewType.RangeBar); // 设置数据源（这里使用匿名类型，实际中可以使用自定义类型） series1.DataSource = new[] { new { Category = "A", LowValue = 10, HighValue = 20 }, new { Category = "B", LowValue = 15, HighValue = 25 }, new { Category = "C", LowValue = 5, HighValue = 15 } }; // 设置数据绑定 series1.ArgumentScaleType = ScaleType.Qualitative; series1.ArgumentDataMember = "Category"; // 类别数据成员 // 范围条形图需要两个值：低值和高值 series1.ValueScaleType = ScaleType.Numerical; series1.ValueDataMembers.AddRange(new string[] { "LowValue", "HighValue" }); // 设置视图类型为RangeBar RangeBarSeriesView view = (RangeBarSeriesView)series1.View; // 可以设置一些视图属性，例如条形方向（水平或垂直） view.BarWidth = 0.5; // 设置条形宽度 // 将系列添加到图表 chartControl1.Series.Add(series1); // 配置坐标轴 // 默认情况下，横轴是数值轴，纵轴是类别轴。但范围条形图通常是水平条形，所以数值轴在横轴（X轴），类别在纵轴（Y轴）。 // 如果需要垂直条形图，可以调整坐标轴的方向，但通常范围条形图是水平的。 // 设置图表标题 ChartTitle chartTitle1 = new ChartTitle(); chartTitle1.Text = "范围条形图示例"; chartControl1.Titles.Add(chartTitle1); // 刷新图表 chartControl1.RefreshData(); chartControl1.Refresh(); ``` 注意：如果希望条形垂直显示，可以考虑使用RangeBarSeriesView的Transposed属性，或者交换坐标轴。但通常范围条形图是水平条形（即类别在Y轴，数值在X轴）。在DevExpress中，默认情况下，对于RangeBar系列，数值轴是横轴（X轴），类别轴是纵轴（Y轴）。如果你希望交换，可以设置： view.Transposed = true; // 这将使条形变为垂直方向（数值轴变为Y轴，类别轴变为X轴）另外，如果数据源中的两个值不是LowValue和HighValue，而是其他属性名，请相应修改ValueDataMembers。以上代码创建了一个简单的范围条形图。根据实际需求，可能还需要设置图例、标签、颜色等。参考文档： [DevExpress Chart Control - Range Bar Series View](https://docs.devexpress.com/WindowsForms/DevExpress.XtraCharts.RangeBarSeriesView?p=netframework) [DevExpress Chart Control - Series](https://docs.devexpress.com/WindowsForms/DevExpress.XtraCharts.Series?p=netframework) 如果遇到问题，请检查DevExpress的版本，并确保引用了正确的程序集。引用[^1]中提到了如何添加图表标题，我们在代码中也使用了类似方法。根据引用[^3]，可以访问DevExpress官网文档获取更多信息。注意：上述代码是基础示例，实际应用中可能需要根据具体需求调整。</think>### DevExpress ChartControl 绘制范围条形图（Range Bar）指南范围条形图（Range Bar）用于表示数据范围（如温度范围、价格区间等），每个条形显示起始值和结束值。在 DevExpress 中可通过以下步骤实现： #### 核心步骤 1. **创建数据模型** 定义包含范围值的数据结构： ```csharp public class RangeData { public string Category { get; set; } // 类别名称 public double StartValue { get; set; } // 起始值 public double EndValue { get; set; } // 结束值 } ``` 2. **准备数据源** ```csharp List<RangeData> data = new List<RangeData> { new RangeData { Category = "产品A", StartValue = 15, EndValue = 35 }, new RangeData { Category = "产品B", StartValue = 20, EndValue = 45 }, new RangeData { Category = "产品C", StartValue = 10, EndValue = 30 } }; ``` 3. **配置图表系列** ```csharp Series series = new Series("销售范围", ViewType.RangeBar); series.DataSource = data; series.ArgumentDataMember = "Category"; // 绑定类别字段 series.ValueDataMembers.AddRange("StartValue", "EndValue"); // 绑定范围值 chartControl1.Series.Add(series); ``` 4. **调整视图属性** ```csharp RangeBarSeriesView view = (RangeBarSeriesView)series.View; view.BarWidth = 0.6; // 设置条形宽度 view.Transposed = true; // 水平显示条形（默认垂直） ``` 5. **添加图表标题**（引用[^1]） ```csharp ChartTitle chartTitle = new ChartTitle(); chartTitle.Text = "产品销售范围分析"; chartControl1.Titles.Add(chartTitle); ``` #### 完整示例代码 ```csharp // 初始化图表 chartControl1.DataSource = data; chartControl1.SeriesTemplate.View = new RangeBarSeriesView(); // 创建系列 Series series = new Series("数据范围", ViewType.RangeBar); series.DataSource = data; series.ArgumentDataMember = "Category"; series.ValueDataMembers.AddRange("StartValue", "EndValue"); // 配置视图 RangeBarSeriesView view = (RangeBarSeriesView)series.View; view.ColorEach = true; // 每个条形不同颜色 view.BarWidth = 0.5; // 添加坐标轴标签 chartControl1.Diagram.XYDiagram.AxisX.Title.Text = "产品类别"; chartControl1.Diagram.XYDiagram.AxisY.Title.Text = "数值范围"; // 添加标题（引用[^1]） ChartTitle title = new ChartTitle { Text = "范围条形图示例" }; chartControl1.Titles.Add(title); chartControl1.Series.Add(series); ``` #### 关键配置说明 1. **数据绑定** - `ArgumentDataMember` 绑定分类轴（通常为Y轴） - `ValueDataMembers` 需绑定**两个数值字段**（起始/结束值） 2. **方向控制** - `view.Transposed = true`：水平条形（默认垂直） - 坐标轴可通过 `XYDiagram.AxisX` 和 `AxisY` 调整 3. **样式优化** ```csharp // 设置条形颜色 view.FillStyle.FillMode = FillMode.Solid; ((SolidFillOptions)view.FillStyle.Options).Color = Color.SteelBlue; // 添加数据标签 view.Label.TextPattern = "{S}: {V1}-{V2}"; ``` #### 效果说明最终将生成类似下图的效果： ![Range Bar示例](https://docs.devexpress.com/WindowsForms/images/chart_range-bar-chart.png) *(图片来源：DevExpress官方文档[^2])* > **提示**：更多高级功能（如动画、3D效果）可参考[DevExpress官方文档](https://docs.devexpress.com/WindowsForms/DevExpress.XtraCharts.RangeBarSeriesView)[^3]。