C# 时间控件 竖直进度条 饼图显示 仪表盘 按钮基础控件库

Prepare

---

 本文将使用一个NuGet公开的组件来实现一些特殊的控件显示，方便你们进行快速的开发系统。

 联系做者及加群方式（激活码在群里发放）：http://www.hslcommunication.cn/Cooperation

在Visual Studio 中的NuGet管理器中能够下载安装，也能够直接在NuGet控制台输入下面的指令安装：

Install-Package HslCommunication

NuGet安装教程  http://www.cnblogs.com/dathlin/p/7705014.html

 

 

Summary

---

组件中包含了一些控件，主要是针对winform机制的，因为WPF的机制彻底不一致，因此此处咱提供WPF的版本，只提供了winfrom版本的控件，开发这些控件源自于我以前的项目累积，趁着空闲的间隙从新整理开发完成。

• 首先即是对winfrom自身按钮的不满，实在是太过于丑了，并且容易被破解（假如你的按钮作了权限验证，权限不足的禁用，实际上这种操做是很危险的，用户彻底能够从网上下载一个灰色按钮精灵来破解程序，将原先禁用的隐藏的按钮变得能够点击），全部就从新开发一个更加完善的按钮，并且也不那么丑了。
• 时间显示的控件就是纯粹为了好玩开发的，想作个更有意思的控件，顺便练练手，技能。
• 纵向的竖立着的进度条，因为微软没有提供竖立的进度条，而当你须要这种时就很麻烦，通常横向的进度条用微软的便可，可是本组件的进度条也提供了横着的选项。
• 饼图控件，为了方便的显示一些数据的占用比，而开发的。
• 仪表盘控件，显示一些仪表的数据，使用仪表显示更加的人性化。
• 信号灯控件，显示简单的信号灯状态。
• 曲线控件，显示曲线的状况，多曲线对比，实时数据显示。

 

要想使用组件的控件，除了使用NuGet来安装组件外，还须要将组件的dll文件（在你的项目的packages里面能够找到，若是你原本就是引用本地的，就直接拖拽本地的便可）拖拽到工具栏：

拖拽完成后效果以下：

 

ok,如今能够将控件拖到界面上了，接下来就分别讲解几个控件：

 

 

按钮控件：

---

直接拖到主界面效果以下：

公开的属性以下：

 

基本的属性都是有注释的，要想设置显示的文本，设置UIText便可。能够设置文本颜色，按钮是否选中，以及圆角大小，基本经常使用的就这几项了。双击按钮，进入Click事件也是和button一致的，和button不同的地方除了界面的区别，还有就是没法被灰色精灵破解，还有按钮自带一个string属性：CustomerInformation    便于扩展一些自定义的数据。

时间控件：

---

直接拖到主界面效果以下：

主要功能是本身获取系统的时间，而后进行显示，公开了一些容许设置的属性界面：

主要是指针的颜色设置，文本设置。

进度条控件：

---

直接拖到主界面效果以下，演示了纵向和横向的两种进度条，以及一些颜色的设置，相关的属性，随便点点就能够明白：

 

主要设置的属性是背景色，前景色，是否显示文本，边框色，是否启动动画，等等

 特别说明：Max是上限值，若是设置为100，那么Value = 10  就是10%， 而另外一个属性 ValueChangeSpeed 则是和动画快慢有关的。

 

饼图控件：

---

直接拖到主界面效果以下，饼图数据的现实此处要是使用代码来实现：

饼图控件的属性相对比较少，目前就只有一个  IsRenderPercent  是否显示百分比的功能。

而后经过代码来实现设置数据信息：

private void userButton1_Click(object sender, EventArgs e)
        {

            Random random = new Random();
            HslCommunication.Controls.UserPieChart[] charts = new HslCommunication.Controls.UserPieChart[4];
            charts[0] = userPieChart1;
            charts[1] = userPieChart2;
            charts[2] = userPieChart3;
            charts[3] = userPieChart4;


            for (int j = 0; j < 4; j++)
            {


                List<string> data = new List<string>();
                List<int> ints = new List<int>();
                for (int i = 0; i < random.Next(4, 8); i++)
                {
                    data.Add(random.Next(100, 999).ToString());
                    ints.Add(random.Next(1, 5));
                }

                charts[j].SetDataSource(
                    data.ToArray(),
                    ints.ToArray());
            }



        }
    }

 无非是生成了随机的名字和数据，经过SetDataSource来实现数据自己。效果以下：

此处的颜色也是随机获取的，禁止了白色及接近的白色的自动生成。若是须要指定本身的颜色，须要调用该方法的重载方法，传入另外一种类型的数据，容许传入名字，值，及颜色。若是设置了显示占用百分比，以下：

 

仪表盘控件：

---

话很少说，先上图，再解释：

仪表盘控件的基础属性以下：

主要支持的特性为：

• 随意调整大小，仪表的扇形也会随之变化，从半圆到微小的扇形均可以。
• 支持设置显示区间，起始值，最大值，设置的当前值须要处于二者之间，不然无效。
• 指针的变更支持简单的动画效果。
• 支持手动设置刻度的分段数量，好比我要设置0-140的状况，分为14段比较合理，若是仪表盘较大，分为28段也能够。
• 支持下限报警区间和上限报警区间，在仪表盘控件的外层有额外显示。
• 支持值处于报警区间时的文本闪烁。
• 支持手动设置指针的颜色。
• 支持设置单位或额外的文本显示信息。

 

按钮开关控件：

---

话很少说，先上图，再解释：

按钮开关支持2中状态，关和开，能够设置自定义的前景色，背景色，按钮开关变化时将会触发 OnSwitchChanged 事件，能够在属性窗口的事件管理器来设置事件。

主要的设置对象是前景色，背景色，开关状态。

信号灯控件：

---

这个控件相对比较简单，除了一个颜色设置外，目前尚未其余什么功能：

属性也很简单。

 

曲线控件：

---

曲线控件用于方便的显示一些实时数据的趋势，因为曲线控件功能复杂，因此单独开了一篇文章讲解曲线控件：http://www.cnblogs.com/dathlin/p/8341222.html

此处就贴几张效果图：仅供参考

单曲线-像素点模式显示

单曲线-拉伸模式

多曲线-像素点模式

双坐标-多曲线-像素点模式

 

 

其余控件：

---

未完待续...