.NET示波器控件的实例代码分析
2013-05-31 00:00
260 查看
缘起
同事负责的项目中,会扫描硬件中的某个东西是否存在,因此老板希望对这些扫描结果,能有个图像画的介面可以查看
因此做了个小工具,可读取同事提供的数据,并将其视觉化显示
那显示扫描结果最容易的就是示波器了,但第三方控件的示波器功能又太繁琐,最终就决定自己做个简单的
反正对我来说用GDI来绘制,跟花时间去研究没用过的第三方控件,时间也不会差太多
思路
如图所示,示波器其实就是这样简单的图
整体思路其实很单纯,就把一个示波器分成三个部分来绘制.
首先是上面那块横线,通常表示高值
第二块是下面那块横线,表示低直
第三部分就是连结垂直的线
高度的运算,我是用最简单的方式,将一个UC的高度直接除2,当做中心y座标
表示高点的则是中心y座标往上,高度/5的位置
表示低点的则是中心y座标往下,高度/5的位置
示波器的部份,则是先把头尾的线去掉,然后再将数据拆分成两个部分
一个部分是高点要绘制的座标,另一部分是低点要绘制的座标
有了这两个座标,就同时可以绘制垂直的线了
比例上则是使用示波器的值,以及这个控件的宽度做比例上的调整
代码
在我的代码中,是要扫描半导体晶圆,所以高点是表示有晶圆,低点则是表示没有晶圆
项目下载
同事负责的项目中,会扫描硬件中的某个东西是否存在,因此老板希望对这些扫描结果,能有个图像画的介面可以查看
因此做了个小工具,可读取同事提供的数据,并将其视觉化显示
那显示扫描结果最容易的就是示波器了,但第三方控件的示波器功能又太繁琐,最终就决定自己做个简单的
反正对我来说用GDI来绘制,跟花时间去研究没用过的第三方控件,时间也不会差太多
思路
如图所示,示波器其实就是这样简单的图
整体思路其实很单纯,就把一个示波器分成三个部分来绘制.
首先是上面那块横线,通常表示高值
第二块是下面那块横线,表示低直
第三部分就是连结垂直的线
高度的运算,我是用最简单的方式,将一个UC的高度直接除2,当做中心y座标
表示高点的则是中心y座标往上,高度/5的位置
表示低点的则是中心y座标往下,高度/5的位置
示波器的部份,则是先把头尾的线去掉,然后再将数据拆分成两个部分
一个部分是高点要绘制的座标,另一部分是低点要绘制的座标
有了这两个座标,就同时可以绘制垂直的线了
比例上则是使用示波器的值,以及这个控件的宽度做比例上的调整
代码
int max = m_mappingDatas[m_mappingDatas.Count - 1]; m_Ratio = (max + m_mappingDatas[0]*2) / m_width; // Draw Wafer data for (int i = 1, j = 0; i < m_mappingDatas.Count; i+=2 ,j++) { float xStart = m_mappingDatas[i - 1]; float xEnd = m_mappingDatas[i]; graphics.DrawLine(pen, xStart / m_Ratio, m_yPositionOfWafer, xEnd / m_Ratio, m_yPositionOfWafer); graphics.DrawString((j+1).ToString(), Control.DefaultFont, brush, (xStart / m_Ratio) - 2, m_yPositionOfNoWafer + 1); } // Draw No Wafer data graphics.DrawLine(pen, 0, m_yPositionOfNoWafer, m_mappingDatas[0] / m_Ratio, m_yPositionOfNoWafer); for (int i = 2; i < m_mappingDatas.Count; i += 2) { float xStart = m_mappingDatas[i - 1]; float xEnd = m_mappingDatas[i]; graphics.DrawLine(pen, xStart / m_Ratio, m_yPositionOfNoWafer, xEnd / m_Ratio, m_yPositionOfNoWafer); } graphics.DrawLine(pen, m_mappingDatas[m_mappingDatas.Count - 1] / m_Ratio, m_yPositionOfNoWafer, m_width, m_yPositionOfNoWafer); // Draw vertical line for (int i = 1; i < m_mappingDatas.Count; i += 2) { float X1 = m_mappingDatas[i - 1]; float X2 = m_mappingDatas[i]; graphics.DrawLine(pen, X1 / m_Ratio, m_yPositionOfWafer, X1 / m_Ratio, m_yPositionOfNoWafer); graphics.DrawLine(pen, X2 / m_Ratio, m_yPositionOfWafer, X2 / m_Ratio, m_yPositionOfNoWafer); }
在我的代码中,是要扫描半导体晶圆,所以高点是表示有晶圆,低点则是表示没有晶圆
项目下载
相关文章推荐
- .NET示波器控件的实例代码分析
- 从一个实例的vs2005汇编代码分析变量在段上的分配--数据段,代码段,BSS段
- DataGridView控件显示行号的正确代码及分析
- asp.net将数据库绑定到DataList控件的实现方法与代码实例
- RTSP服务器实例live555源代码分析
- OD调试9—实例:深入分析代码完成软件破解
- asp去除html的函数代码分析附实例说明
- 微信开发四----实例代码分析
- Android控件Gallery3D效果实例代码
- [置顶] Spring Integration实例代码分析之basic--http
- Android setVisibility(View.VISIBLE)代码已被执行控件未显示再界面上原因分析
- 通达OA jquery控制列表控件和单选框的实例代码
- Java堆溢出OutOfMemoryError之代码实例和原因分析
- CStatic控件背景透明实例代码
- php和数据库结合的一个 简单的web实例 代码分析 (php初学者)
- 关于.net验证控件检错之后继续执行后台代码的错误分析 推荐
- JSP forward用法分析实例代码分析
- 借助VBA语言来分析布局代码,自动生成Android控件的定义代码
- MFC中CListCtrl控件的静态与动态创建的实例分析
- jquery动态增加删除控件实例代码