C# 制作 仪表

墨云 2012-05-22 03:55:07
前些天在做NetAnalyzer时，需要使用一个指针仪表，网上看了一下，也有人做过，但是大部分都是收费的，本着自力更生的原则，于是决定自己设计一个，今天拿出来有读者分享一下。

首先是截图：

该仪表是以控件形式提供

在开始之前还要赘述一点关于GDI+中角度的计算

如下图:

在WinForm中左上角的点位（0,0），即原点，而其起始角则是图中划线处开始的，即为 rad=0;

在绘图时，尤其是做过扇形统计图的人应该比较清楚。

--------------------------------------------------------

接下来就是正式开始

首先新建控件，设置为witdth=height=150 ，可以自己定义，我在这里时可以自适应的

将背景颜色设置为Transparent（透明色），方便以后使用时减少干扰

在该仪表中主要分为两部分：背景部分（外框，刻度，单位等一些列基本不需要频繁变化的部分），前景部分（指针部分）

所以为了不是两个图层不相互影响，我们将背景绘制在控件的BackgroundImage 属性上，而指针部分则需要一个pictrueBox控件作为载体。

首先画背景

在绘制背景时，又分为外框、刻度，指针固定中心等



 // 绘制背景 用来总体控制背景的绘制

        private void DrawBackImg()

        {

            Bitmap bit = new Bitmap(this.Width, this.Height);

            Graphics gp = Graphics.FromImage(bit);

            gp.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;

            #region 在这里可以扩展需要绘制的背景项目

            //外框

            drawFrame(gp);

            // 画刻度

            DrawRuling(gp);

            //画点

            drawPoint(gp);



            //绘制单位



            DrawUnitStr(gp);



            #endregion



           //当绘制完成后，直接直接设置为背景



            this.BackgroundImage = bit;

        }





      //绘制单位



       private void DrawUnitStr(Graphics gp)

        {

            int cer = _diameter / 2;

            gp.DrawString(_unitStr, new Font("宋体", 10), new SolidBrush(_frameColor), new PointF(cer, (float)(cer - cer * 0.3)), strFormat);



        }



        /// <summary>

        /// 画外框

        /// </summary>

        /// <param name="gp"></param>

        private void drawFrame(Graphics gp)

        {

            Pen pen = new Pen(_frameColor, 2);

            Rectangle rec = new Rectangle(5, 5, _diameter - 10, _diameter - 10);

            gp.DrawEllipse(pen, rec);

        }

        // 画刻度  此次较为复杂，主要是在绘制刻度值时需要处理

        private void DrawRuling(Graphics gp)

        {

            //刻度

            int cerX = _diameter / 2;

            int cerY = _diameter / 2;



           //这里需要注意，因外在上面的图中标识了rad=0的位置，而我们的仪表时270度的，0点在135度处，



           //为了符合该效果所以起始位置设为135度。

            float start = 135;

            float sweepShot = 0;

            int dx = 0;

            int dy = 0;

            int soildLenght = 8;

            Pen linePen = new Pen(_frameColor, 1);

            float span = (float)(_maxValue / 30);

            float sp = 0;

            //用于右边数字右对齐

            StringFormat stf = new StringFormat();

            stf.Alignment = StringAlignment.Far;



            StringFormat stfMid = new StringFormat();

            stfMid.Alignment = StringAlignment.Center;

            stfMid.LineAlignment = StringAlignment.Center;

            for (int i = 0; i <= 30; i++)

            {

                //注意此处，C#提供的三角函数计算中使用的弧度值，而此处获取的是角度值，需要转化



                double rad = (sweepShot + start) * Math.PI / 180;

                float radius = _diameter / 2 - 5;

                int px = (int)(cerX + radius * Math.Cos(rad));

                int py = (int)(cerY + radius * Math.Sin(rad));

                if (sweepShot % 15 == 0)

                {

                    linePen.Width = 2;



                   //计算刻度中的粗线

                    dx = (int)(cerX + (radius - soildLenght) * Math.Cos(rad));

                    dy = (int)(cerY + (radius - soildLenght) * Math.Sin(rad));



                    //绘制刻度值，注意字串对其方式

                    string str = sp.ToString("f0");

                    if (sweepShot <= 45)

                    {

                        gp.DrawString(str, new Font("宋体", 9), new SolidBrush(_frameColor), new PointF(dx, dy - 5));

                    }

                    else if (sweepShot > 45 && sweepShot < 135)

                    {

                        gp.DrawString(str, new Font("宋体", 9), new SolidBrush(_frameColor), new PointF(dx, dy));

                    }

                    else if (sweepShot == 135)

                    {

                        gp.DrawString(str, new Font("宋体", 9), new SolidBrush(_frameColor), new PointF(dx, dy + 10), stfMid);

                    }

                    else if (sweepShot > 135 && sweepShot < 225)

                    {

                        gp.DrawString(str, new Font("宋体", 9), new SolidBrush(_frameColor), new PointF(dx, dy), stf);

                    }

                    else if (sweepShot >= 225)

                    {

                        gp.DrawString(str, new Font("宋体", 9), new SolidBrush(_frameColor), new PointF(dx, dy - 5), stf);

                    }



                }

                else

                {



                    //计算刻度中细线



                    linePen.Width = 1;

                    dx = (int)(cerX + (radius - soildLenght + 2) * Math.Cos(rad));

                    dy = (int)(cerY + (radius - soildLenght + 2) * Math.Sin(rad));

                }



                 //绘制刻度线

                gp.DrawLine(linePen, new Point(px, py), new Point(dx, dy));

                sp += span;

                sweepShot += 9;

            }

        }

        //画中间的点

        private void drawPoint(Graphics gp)

        {

            Pen p = new Pen(_frameColor);

            int tmpWidth = 6;

            int px = _diameter / 2 - tmpWidth;



            gp.DrawEllipse(p, new Rectangle(px, px, 2 * tmpWidth, 2 * tmpWidth));



            //在画点时，我使用了指针的颜色，这样看起来，更真实一点

            gp.FillEllipse(new SolidBrush(_pinColor), new Rectangle(px + 2, px + 2, 2 * tmpWidth - 4, 2 * tmpWidth - 4));

        }

-------------------------------------------

画指针

绘制指正时，最大的问题就是界面闪速，除了在控件构造方法里添加如下代码：


SetStyle(ControlStyles.OptimizedDoubleBuffer | ControlStyles.ResizeRedraw | ControlStyles.AllPaintingInWmPaint, true);

        UpdateStyles();

绘制方式也需要调整，方法如下：



//为了方式绘制指针时产生的闪烁，PictureBox添加该事件方法 



        private void pic_Paint(object sender, PaintEventArgs e)

        {

              DrawForeImg(e.Graphics);

       }



      //使用方法



         public double ChangeValue

        {

            get { return _changeValue; }

            set

            {

                if (value <= _maxValue)

                    _changeValue = value;

                else

                {

                    //完成自适应性

                    MaxValue = value;

                    _changeValue = value;

                }

               //通过该方法，可以使指针自动绘制（其实就是强制重绘）



               pic.Invalidate();

            }

        }



        //指针的具体画法  



        private void DrawForeImg(Graphics gp)

        {

            Bitmap bit = new Bitmap(this.Width, this.Height);

            Graphics g = Graphics.FromImage(bit);

            g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;



            //画针

            DrawPin(g);

            DrawString(g);



            //注意此处的绘制方式，这样可以有效减少界面的闪烁问题。

            gp.DrawImage(bit, new Point(0, 0));

            g.Dispose();



        }

        //画针

        private void DrawPin(Graphics g)

        {

            int cer = _diameter / 2;

            float start = 135;

            float sweepShot = (float)(_changeValue / _maxValue * 270);



            Pen linePen = new Pen(_pinColor, 1);

            Pen NxPen = new Pen(_pinColor, 2);

            Pen xPen = new Pen(_pinColor, 5);

            double rad = (sweepShot + start) * Math.PI / 180;

            float radius = _diameter / 2 - 5;

            int dx = (int)(cer + (_PinLen) * Math.Cos(rad));

            int dy = (int)(cer + (_PinLen) * Math.Sin(rad));



            int px = (int)(cer + (_PinLen * 0.4) * Math.Cos(rad));

            int py = (int)(cer + (_PinLen * 0.4) * Math.Sin(rad));



            int nx = (int)(cer - (NxPinLen) * Math.Sin(rad));

            int ny = (int)(cer - (NxPinLen) * Math.Cos(rad));

            g.DrawLine(linePen, new Point(cer, cer), new Point(dx, dy));

            g.DrawLine(NxPen, new Point(cer, cer), new Point(px, py));

            g.DrawLine(xPen, new Point(cer, cer), new Point(ny, nx));

        }



       //绘制在仪表下面的值



        private void DrawString(Graphics g)

        {

            int cer = _diameter / 2;

            string str = _changeValue.ToString("F2");

            g.DrawString(str, new Font("宋体", 9), new SolidBrush(_pinColor), new PointF(cer, (float)(cer + cer * 0.4)), strFormat);

        }
...全文
1712 28 打赏 收藏 转发到动态 举报
写回复
用AI写文章
28 条回复
切换为时间正序
请发表友善的回复…
发表回复
hawk_lhf 2014-12-15
  • 打赏
  • 举报
 回复
感谢分享，学习了
l357630798 2014-11-27
  • 打赏
  • 举报
 回复
LZ不仅是绘图高手，而且还无私分享成果，真了不起啊。给个赞！学习了。
loopen 2013-04-01
  • 打赏
  • 举报
 回复
想问下楼主，你控件中的PictureBox有什么作用，可以省略它，直接在控件的BackgroundImage中填充图片吗？
loopen 2013-04-01
  • 打赏
  • 举报
 回复
很不错，学习了
liuyilin888 2012-10-22
  • 打赏
  • 举报
 回复
收藏了。嘿嘿
缭绕飘渺 2012-10-22
  • 打赏
  • 举报
 回复
好贴，收藏学习了
fsstolw 2012-10-22
  • 打赏
  • 举报
 回复
这样的帖子才叫分享给力！讲解思路很详细，收藏。
startstartsvip 2012-06-16
  • 打赏
  • 举报
 回复
爱油，还有封面图
墨云 2012-06-16
  • 打赏
  • 举报
 回复
源码下载地址 http://download.csdn.net/detail/f470200051/4376554
sen33123 2012-05-25
  • 打赏
  • 举报
 回复
马克，仪表制作
xminsong 2012-05-24
  • 打赏
  • 举报
 回复
好玩！学习！
dan2323 2012-05-24
  • 打赏
  • 举报
 回复
楼主给力！
Conmajia 2012-05-24
  • 打赏
  • 举报
 回复
帮顶，我收到我的推荐榜里了，送你一张封面图

墨云 2012-05-24
  • 打赏
  • 举报
 回复
谢啦哈
Conmajia 2012-05-23
  • 打赏
  • 举报
 回复
我也觉得这帖子值得推荐
思想很好，不买收费的但是也不随便用破解的
墨云 2012-05-23
  • 打赏
  • 举报
 回复
难道这个帖子又沉了！！！！！！！
足球中国 2012-05-22
  • 打赏
  • 举报
 回复
此贴也值得收录野比推荐栏。
wy811007 2012-05-22
  • 打赏
  • 举报
 回复
高科技 学习 mark下
花痴 2012-05-22
  • 打赏
  • 举报
 回复
Mark一下，有时候比较有用
哪吒 2012-05-22
  • 打赏
  • 举报
 回复
收藏了。嘿嘿
加载更多回复（4）
c# GUI+ 多种仪表盘显示
。。。。。。。c# GUI+ 多种仪表盘显示
C#制作的一个比较好用的仪表盘和一个改进的旋钮
C#制作的一个比较好用的仪表盘和一个改进的旋钮，有示例源码和一个DLL库，需要不低于 .Net2.0 的框架支持。
C#编写《仪表盘》控件
使用C#编写的一个工业仪表盘的控件，控件可以变大小，背景颜色、指针等颜色可以改变。有意向童鞋可以下载参考。本人声明：本人为业余爱好者，编写控件纯粹是玩耍，所以控件并未经过严格测试，和代码冗余测试等等，若发现有错误，请谅解。 开发环境：Visual Studio 2010 开发语言：C# 本人声明：本人为业余爱好者，编写控件纯粹是玩耍，所以控件并未经过严格测试，和代码冗余测试等等，若发现有错误，请谅解。
我用C#做的一个指针表盘控件
我用C#做的一个指针表盘程序,可用作电压电流及速度、温度表盘显示，C#工具箱缺这个东西，源码编译通过，执行直接输出表盘，实例中做了一个随机函数显示如何移动指针。
C#做的漂亮的仪表盘
C#做的漂亮的仪表盘，拖动滚动条仪表盘自动变化，适合工业控制，医疗仪器控制的上位机软件产品开发 C#做的漂亮的仪表盘，拖动滚动条仪表盘自动变化，适合工业控制，医疗仪器控制的上位机软件产品开发
C#

110,536

社区成员

642,578

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术 C#
社区管理员
  • C#
  • Web++
  • by_封爱
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

让您成为最强悍的C#开发者

试试用AI创作助手写篇文章吧

+ 用AI写文章