緣起
同事負(fù)責(zé)的項(xiàng)目中，會(huì)掃描硬件中的某個(gè)東西是否存在，因此老板希望對這些掃描結(jié)果，能有個(gè)圖像畫的介面可以查看
因此做了個(gè)小工具，可讀取同事提供的數(shù)據(jù)，并將其視覺化顯示
那顯示掃描結(jié)果最容易的就是示波器了，但第三方控件的示波器功能又太繁瑣，最終就決定自己做個(gè)簡單的
反正對我來說用GDI來繪制，跟花時(shí)間去研究沒用過的第三方控件,時(shí)間也不會(huì)差太多
思路
如圖所示，示波器其實(shí)就是這樣簡單的圖
整體思路其實(shí)很單純,就把一個(gè)示波器分成三個(gè)部分來繪制.
首先是上面那塊橫線,通常表示高值
第二塊是下面那塊橫線,表示低直
第三部分就是連結(jié)垂直的線
高度的運(yù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);
}
在我的代碼中,是要掃描半導(dǎo)體晶圓,所以高點(diǎn)是表示有晶圓,低點(diǎn)則是表示沒有晶圓
項(xiàng)目下載
