快捷導(dǎo)航

.NET示波器控件的實(shí)例代碼分析

更新時(shí)間：2013年05月31日 11:02:47 作者：

本篇文章是對(duì).NET示波器控件進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下

緣起
同事負(fù)責(zé)的項(xiàng)目中，會(huì)掃描硬件中的某個(gè)東西是否存在，因此老板希望對(duì)這些掃描結(jié)果，能有個(gè)圖像畫的介面可以查看
因此做了個(gè)小工具，可讀取同事提供的數(shù)據(jù)，并將其視覺(jué)化顯示
那顯示掃描結(jié)果最容易的就是示波器了，但第三方控件的示波器功能又太繁瑣，最終就決定自己做個(gè)簡(jiǎn)單的
反正對(duì)我來(lái)說(shuō)用GDI來(lái)繪制，跟花時(shí)間去研究沒(méi)用過(guò)的第三方控件,時(shí)間也不會(huì)差太多

思路

如圖所示，示波器其實(shí)就是這樣簡(jiǎn)單的圖
整體思路其實(shí)很單純,就把一個(gè)示波器分成三個(gè)部分來(lái)繪制.
首先是上面那塊橫線,通常表示高值
第二塊是下面那塊橫線,表示低直
第三部分就是連結(jié)垂直的線
高度的運(yùn)算,我是用最簡(jiǎn)單的方式,將一個(gè)UC的高度直接除2,當(dāng)做中心y座標(biāo)
表示高點(diǎn)的則是中心y座標(biāo)往上,高度/5的位置
表示低點(diǎn)的則是中心y座標(biāo)往下,高度/5的位置
示波器的部份,則是先把頭尾的線去掉,然后再將數(shù)據(jù)拆分成兩個(gè)部分
一個(gè)部分是高點(diǎn)要繪制的座標(biāo),另一部分是低點(diǎn)要繪制的座標(biāo)
有了這兩個(gè)座標(biāo),就同時(shí)可以繪制垂直的線了
比例上則是使用示波器的值,以及這個(gè)控件的寬度做比例上的調(diào)整
代碼

復(fù)制代碼代碼如下:

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);
}