嵌入式开发之上位机工业风界面实现

已于 2023-07-10 15:32:21 修改
阅读量2.1k 收藏 7
点赞数 2
文章标签： 制造 mfc 物联网 组态
于 2023-07-10 14:35:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/superxxd/article/details/131637110
版权

      在做测控类的嵌入式系统开发时，一个精美的上位机控制软件UI是可以为系统增色不少，一般会采用组态软件来开发，我们来看看下面的界面

b7246a38df504c85a213f38c4f2c9936.png

是不是非常直观有工业质感，还可以根据实时数据进行动态的显示和动画效果，那这些炫酷的界面是怎么实现的呢，我们来探讨一下相关技术。

     首先我们看到的漂亮精美的画面是一幅一幅的png图片或者gif动图，如果我们能找到方法将这些图片根据状态或采集数据和状态的需要，实时的展示渲染出来是不是就可以了呢。

     渲染技术其实从图像系统出来就一直在进化，游戏是这方面的优秀应用场景，可以用gdi gdiplus opengl vuklan webgpu等技术实现多平台，甚至跨平台的UI

下面是一组工业风的开关，可以用双缓冲的gdi plus方式结合鼠标的操作事件进行切换显示就可以实现形象的工业控制开关

07594d108aad4d15a31da14bd958503e.pngadca1a297f724d17bd8bc10f08719141.pngd42f96cd375d4b62be2a2f735afa64b5.png8d35f2fc4cf945aba3517c403f7dbd89.png0d138901e16f4ae7be7dabf99ed8aba9.png56ef2962b046489abaac42d342cd6e55.png

下面就是一个switcherctl的类实现，可以嵌入到你的代码中实现工业开关控制

// SwitcherCtrl.cpp : implementation file
//

#include "stdafx.h"
#include "VDC300Controler.h"
#include "SwitcherCtrl.h"
#include "DrawFunction.h"
#ifdef _DEBUG
#define new DEBUG_NEW
#undef THIS_FILE
static char THIS_FILE[] = __FILE__;
#endif

/
// CSwitcherCtrl

CSwitcherCtrl::CSwitcherCtrl()
{
}

CSwitcherCtrl::~CSwitcherCtrl()
{

}


BEGIN_MESSAGE_MAP(CSwitcherCtrl, CWnd)
	//{{AFX_MSG_MAP(CSwitcherCtrl)
	ON_WM_PAINT()
	ON_WM_LBUTTONDOWN()
	//}}AFX_MSG_MAP
END_MESSAGE_MAP()

/
// CSwitcherCtrl message handlers
BOOL CSwitcherCtrl::Create(DWORD dwStyle, const RECT& rect, 
                         CWnd* pParentWnd, UINT nID) 
{
	
  BOOL result ;
  static CString className = AfxRegisterWndClass(CS_HREDRAW | CS_VREDRAW) ;

  result = CWnd::CreateEx(NULL, 
                          className, NULL, dwStyle, 
                          rect.left, rect.top, rect.right-rect.left+45, rect.bottom-rect.top+30,
                          pParentWnd->GetSafeHwnd(), (HMENU)nID) ;
  if (result != 0)
  {
/*
    hFuncInst = LoadLibrary("User32.DLL"); 
	BOOL bRet=FALSE;
	if(hFuncInst) 
		UpdateLayeredWindow=(MYFUNC)GetProcAddress(hFuncInst, "UpdateLayeredWindow");
	else
	{
		AfxMessageBox("User32.dll ERROR!");
		exit(0);
	}
*/
	//初始化gdiplus的环境
	// Initialize GDI+.
	m_Blend.BlendOp=0; //theonlyBlendOpdefinedinWindows2000
	m_Blend.BlendFlags=0; //nothingelseisspecial...
	m_Blend.AlphaFormat=1; //...
	m_Blend.SourceConstantAlpha=255;//AC_SRC_ALPHA


	//CDC *pDC;
	//pDC = GetDC();
	//DrawLed(pDC,m_nLedColor,m_nLedMode,m_nLedShape,"LED");
  }
  return result;
}

void CSwitcherCtrl::DrawSwitcher(int Transparent)
{
	HDC hdcTemp=GetDC()->m_hDC;
	if(Transparent<0||Transparent>100)	Transparent=100;

	m_Blend.SourceConstantAlpha=int(Transparent*2.55);//1~255
	RECT rct;
	GetClientRect(&rct);
	Graphics graph(hdcTemp);//m_hdcMemory);
    ImageFromIDResource(IDR_PNGSWITCHER,"PNG",m_pImageSwitcher);
	if(m_pImageSwitcher)
	{
	 m_SwitchWidth  =m_pImageSwitcher->GetWidth();
	 m_SwitchHeight =m_pImageSwitcher->GetHeight();
	}
	else
		return ;

	m_bSwitcherOn?graph.DrawImage(m_pImageSwitcher,0, 0, 0, 5,m_SwitchWidth/2,m_SwitchHeight-10,UnitPixel):
	graph.DrawImage(m_pImageSwitcher,0, 0, m_SwitchWidth/2, 5,m_SwitchWidth/2,m_SwitchHeight-10,UnitPixel);

	CString strcaption;
    strcaption.Format("%s-%s",m_strCaption,m_bSwitcherOn?"ON":"OFF");
	int   nLen   =   strlen(strcaption)   +   1;   
    int   nwLen   =   MultiByteToWideChar(CP_ACP,   0,   strcaption,   nLen,   NULL,   0);   
    
    unsigned short   lpszTitle[256];

    MultiByteToWideChar(CP_ACP,   0,   strcaption,   nLen,   lpszTitle,   nwLen);   
    FontFamily fontsmallFamily(L"宋体");//选择一种字体
    Gdiplus::Font fontSmall(&fontsmallFamily,12,FontStyleRegular);

	int titlestarty=rct.bottom-20;
	int titlestartx=rct.left;
	if(m_bSwitcherOn)
	{
	graph.DrawString(lpszTitle,-1,&fontSmall,PointF(titlestartx,titlestarty),&SolidBrush(Color::Black)); 
    graph.DrawString(lpszTitle,-1,&fontSmall,PointF(titlestartx-2,titlestarty-2),&SolidBrush(Color::Red)); 
	}
	else
	{

	graph.DrawString(lpszTitle,-1,&fontSmall,PointF(titlestartx,titlestarty),&SolidBrush(Color::Black)); 
    graph.DrawString(lpszTitle,-1,&fontSmall,PointF(titlestartx-2,titlestarty-2),&SolidBrush(Color::White)); 
	}
	delete(m_pImageSwitcher);
	m_pImageSwitcher=NULL;
	::ReleaseDC(m_hWnd,hdcTemp);
	hdcTemp=NULL;

}
/*
BOOL CSwitcherCtrl::ImageFromIDResource(UINT nID, LPCTSTR sTR,Image * &pImg)
{
	HINSTANCE hInst = AfxGetResourceHandle();
	HRSRC hRsrc = ::FindResource (hInst,MAKEINTRESOURCE(nID),sTR); // type
	if (!hRsrc)
		return FALSE;

	// load resource into memory
	DWORD len = SizeofResource(hInst, hRsrc);
	BYTE* lpRsrc = (BYTE*)LoadResource(hInst, hRsrc);
	if (!lpRsrc)
		return FALSE;

	// Allocate global memory on which to create stream
	HGLOBAL m_hMem = GlobalAlloc(GMEM_FIXED, len);
	BYTE* pmem = (BYTE*)GlobalLock(m_hMem);
	memcpy(pmem,lpRsrc,len);
	IStream* pstm;
	CreateStreamOnHGlobal(m_hMem,FALSE,&pstm);
	
	// load from stream
	pImg=Gdiplus::Image::FromStream(pstm);

	// free/release stuff
	GlobalUnlock(m_hMem);
	pstm->Release();
	FreeResource(lpRsrc);
    return TRUE;
}
*/

void CSwitcherCtrl::OnPaint() 
{
	CPaintDC dc(this); // device context for painting
	CRect rect;
	GetClientRect(&rect);
//	dc.FillSolidRect(rect,RGB(129,129,129));
    PaintBK(&dc);
    DrawSwitcher();	
	// Do not call CWnd::OnPaint() for painting messages
}

void CSwitcherCtrl::SetSwitcher(LPCSTR strswitchname, BOOL bOn,int id,HWND hwnd)
{
	m_ParentWnd=hwnd;
    m_strCaption=strswitchname;
    m_bSwitcherOn=bOn;
	//m_SwichterCallBck=CallBck;
	m_ID=id;
}

void CSwitcherCtrl::OnLButtonDown(UINT nFlags, CPoint point) 
{
	m_bSwitcherOn=1-m_bSwitcherOn;
	::SendMessage(m_ParentWnd,WM_DIGOUT_SWITCH,WPARAM(m_ID),LPARAM(m_bSwitcherOn));
    //if(m_SwichterCallBck!=NULL)	
	// m_SwichterCallBck(m_ID,m_bSwitcherOn);	
	//SendMessage(
	Invalidate(FALSE);
	CWnd::OnLButtonDown(nFlags, point);
}

void CSwitcherCtrl::SetBkGnd(CDC *pDC)
{
	CRect rect, rectS;
	CBitmap bmp, *pOldBitmap;

	GetClientRect(rect);
	GetWindowRect(rectS);
	GetParent()->ScreenToClient(rectS);

	m_dcBk.DeleteDC();

	m_dcBk.CreateCompatibleDC(pDC);
	bmp.CreateCompatibleBitmap(pDC, rect.Width(), rect.Height());
	if(bmp.GetSafeHandle()!=NULL)
	{
	pOldBitmap = m_dcBk.SelectObject(&bmp);
	m_dcBk.BitBlt(0, 0, rect.Width(), rect.Height(), pDC, rectS.left, rectS.top, SRCCOPY);
	bmp.DeleteObject();
	}

}

void CSwitcherCtrl::PaintBK(CDC *pDC)
{
	CRect rect;
	GetClientRect(rect);
	pDC->BitBlt(0, 0, rect.Width(), rect.Height(), &m_dcBk, 0, 0, SRCCOPY);

}

 速度表盘

 b1a2833eddd448c6864aa55ba72c02cf.png68250cf416e04238b75b5d7fed670c01.png0b8c1fdffd7148d7b3c4b30df83213d6.png819d546c3edf41c9931f26599e99bc11.png63e27b0b34654cc99b7d923e57a85a3f.png

 

 同上，速度表盘或者压力表盘也可以照此方式实现，将图片作为背景图，然后自绘表指针，根据实时数据计算算出表针的旋转角度，即可实现一组精美的表盘控件。

// DashBoard.cpp : implementation file
//

#include "stdafx.h"
#include "VDC300Controler.h"
#include "DashBoard.h"
#include "Drawfunction.h"
#ifdef _DEBUG
#define new DEBUG_NEW
#undef THIS_FILE
static char THIS_FILE[] = __FILE__;
#endif

/
// CDashBoard

CDashBoard::CDashBoard()
{
	m_DashBoardName=_T("Km/h");
	m_speedvalue=128;
	m_dMinValue = 0.00f;				//表量程初始值
	m_dMaxValue = 140.00f;				//表量程终值
	m_nTicks = 7;						//大格个数
	m_nSubTicks = 5;					//大格中小格个数
}

CDashBoard::~CDashBoard()
{
  	if(m_pDashBoard!=NULL)
	{
	  delete(m_pDashBoard);
	  m_pDashBoard=NULL;
	}
}


BEGIN_MESSAGE_MAP(CDashBoard, CWnd)
	//{{AFX_MSG_MAP(CDashBoard)
	ON_WM_PAINT()
	//}}AFX_MSG_MAP
END_MESSAGE_MAP()

/
// CDashBoard message handlers
BOOL CDashBoard::Create(DWORD dwStyle, const RECT& rect, 
                         CWnd* pParentWnd, UINT nID) 
{
	
  BOOL result ;

  static CString className = AfxRegisterWndClass(CS_HREDRAW | CS_VREDRAW) ;

  result = CWnd::CreateEx(NULL, 
                          className, NULL, dwStyle, 
                          rect.left, rect.top, rect.right-rect.left, rect.bottom-rect.top,
                          pParentWnd->GetSafeHwnd(), (HMENU)nID) ;
/*	
  BOOL CreateEx(DWORD dwExStyle, LPCTSTR lpszClassName,
		LPCTSTR lpszWindowName, DWORD dwStyle,
		int x, int y, int nWidth, int nHeight,
		HWND hWndParent, HMENU nIDorHMenu, LPVOID lpParam = NULL);
*/
  if (result != 0)
  {
	ImageFromIDResource(IDR_DASHBOARD,"PNG",m_pDashBoard);
	ImageFromIDResource(IDR_PNGNUM,"PNG",m_pImageNum);
  }
  return result;
}

void CDashBoard::DrawDashBoard()
{
	  CRect rect;

	  HDC hdcTemp=GetDC()->m_hDC; 
      GetClientRect(&rect);
	  Bitmap *m_pBackBmp = ::new Bitmap((HBITMAP)::GetCurrentObject(m_dcBk.m_hDC, OBJ_BITMAP),NULL);

	  Graphics CacheGraphics(m_pBackBmp );    


    int   nLen   =   strlen(m_DashBoardName)   +   1;   
    int   nwLen   =   MultiByteToWideChar(CP_ACP,   0,   m_DashBoardName,   nLen,   NULL,   0);   
    
    unsigned short   lpszTitle[256];  

    MultiByteToWideChar(CP_ACP,   0,   m_DashBoardName,   nLen,   lpszTitle,   nwLen);   
    FontFamily fontsmallFamily(L"宋体");//选择一种字体
    Gdiplus::Font fontSmall(&fontsmallFamily,12,FontStyleRegular);
    LOGFONTA lf;   
	fontSmall.GetLogFontA(&CacheGraphics,&lf);
    int fontsmallWidth=abs(lf.lfHeight);

	int xblank=(rect.Width()-300)/2;
	int yblank=(rect.Height()-300)/2;
	CacheGraphics.DrawImage(m_pDashBoard, Rect(xblank,
		                                       yblank,
											   300,//rect.right-xblank,
											   300));//rect.bottom-yblank));
    
	int midx=rect.Width()/2;
	int midy=rect.Height()/2;
	DrawScale(&CacheGraphics,CRect(xblank,
		                           yblank,
								   256,//rect.right-xblank,
								   256),midx,midy);
	
 	int titlestarty=rect.bottom-yblank-60;//rect.bottom-20;
	int titlestartx=midx-18;	//if(titlestartx<0) titlestartx=0;
	CacheGraphics.DrawString(lpszTitle,-1,&fontSmall,PointF(titlestartx,titlestarty),&SolidBrush(Color::Black)); 
    CacheGraphics.DrawString(lpszTitle,-1,&fontSmall,PointF(titlestartx-1,titlestarty-1),&SolidBrush(Color::White)); 

	int ThirdNum=(((int)m_speedvalue)%10);
	int SecondNum=(((int)m_speedvalue-ThirdNum)%100)/10;
	int FirstNum=(((int)m_speedvalue-SecondNum*10-ThirdNum)%1000)/100;
	int FourthNum=(int(m_speedvalue-FirstNum*100-SecondNum*10-ThirdNum)*10);
	SolidBrush brush1( Gdiplus::Color( 250, 0,0,0 ) ); //半透明红色

    int char_xdis=12;
	int char_width=10;
	int char_height=16;
    int numstartx=midx-2*(char_xdis)-6;
	int recwidth=5*(char_xdis);
	int recheight=char_height+2;
    int numstarty=midy+3*char_height;//(rect.right-rect.left-fontsmallWidth*(nLen-1)/2)/2;	if(titlestartx<0) titlestartx=0;
    CacheGraphics.FillRectangle(&brush1,Gdiplus::Rect(numstartx-2,numstarty-2,recwidth,recheight));

    CacheGraphics.DrawImage(m_pImageNum,Rect(numstartx,numstarty,char_width,char_height), 14*FirstNum, 0,14,23,UnitPixel); //该函数从m_pImageClock中剪切指定rect中的像素draw到指定位置 
    CacheGraphics.DrawImage(m_pImageNum,Rect(numstartx+char_xdis,numstarty,char_width,char_height), 14*SecondNum, 0,14,23,UnitPixel); //该函数从m_pImageClock中剪切指定rect中的像素draw到指定位置 
    CacheGraphics.DrawImage(m_pImageNum,Rect(numstartx+char_xdis*2,numstarty,char_width,char_height), 14*ThirdNum, 0,14,23,UnitPixel); //该函数从m_pImageClock中剪切指定rect中的像素draw到指定位置 
    CacheGraphics.DrawImage(m_pImageNum,Rect(numstartx+char_xdis*3,numstarty,char_width,char_height), 140, 0,14,10,UnitPixel); //该函数从m_pImageClock中剪切指定rect中的像素draw到指定位置 
    CacheGraphics.DrawImage(m_pImageNum,Rect(numstartx+char_xdis*4,numstarty,char_width,char_height), 14*FourthNum, 0,14,23,UnitPixel); //该函数从m_pImageClock中剪切指定rect中的像素draw到指定位置 
 	/*
	CacheGraphics.DrawImage(m_pImageNum,numstartx, numstarty, 14*FirstNum, 0,14,23,UnitPixel); //该函数从m_pImageClock中剪切指定rect中的像素draw到指定位置
	CacheGraphics.DrawImage(m_pImageNum,numstartx+20, numstarty, 14*SecondNum, 0,14,23,UnitPixel); //该函数从m_pImageClock中剪切指定rect中的像素draw到指定位置
	CacheGraphics.DrawImage(m_pImageNum,numstartx+20*2, numstarty, 14*ThirdNum, 0,14,23,UnitPixel); //该函数从m_pImageClock中剪切指定rect中的像素draw到指定位置
	CacheGraphics.DrawImage(m_pImageNum,numstartx+20*3,numstarty+15, 140, 10,14,10,UnitPixel); //该函数从m_pImageClock中剪切指定rect中的像素draw到指定位置
	CacheGraphics.DrawImage(m_pImageNum,numstartx+20*4, numstarty, 14*FourthNum, 0,14,23,UnitPixel); //该函数从m_pImageClock中剪切指定rect中的像素draw到指定位置
    */
	  DrawPitch(&CacheGraphics,CRect(xblank,
		                           yblank,
								   256,//rect.right-xblank,
								   256),
								   midx,midy);
  
	  // 对CacheImage进行描画        // ......                
	  // 获得窗口的Graphics对象        
	Graphics Graphic(hdcTemp);     
	  // 将描画好的CacheImage画到窗口上        
	Graphic.DrawImage(m_pBackBmp, rect.left,rect.top );
  //	CacheImage.DeleteObject();
	::delete(m_pBackBmp);
	m_pBackBmp=NULL;
//	delete(m_pDashBoard);
//	m_pButtonPng=NULL;
	::ReleaseDC(m_hWnd,hdcTemp);
	hdcTemp=NULL;

}
void CDashBoard::SetBkGnd(CDC *pDC)
{
	CRect rect, rectS;
	CBitmap bmp, *pOldBitmap;

	GetClientRect(rect);
	GetWindowRect(rectS);
	GetParent()->ScreenToClient(rectS);

	m_dcBk.DeleteDC();
		//Gdiplus::Bitmap pBitmap(rcBounds.Width(), rcBounds.Height());

	m_dcBk.CreateCompatibleDC(pDC);
	bmp.CreateCompatibleBitmap(pDC, rect.Width(), rect.Height());
	pOldBitmap = m_dcBk.SelectObject(&bmp);
	m_dcBk.BitBlt(0, 0, rect.Width(), rect.Height(), pDC, rectS.left, rectS.top, SRCCOPY);
	bmp.DeleteObject();
    Invalidate(FALSE);
}




void CDashBoard::SetSpeedValue(float fspeed)
{
	if(fspeed>m_dMaxValue) m_speedvalue=m_dMaxValue;
	else   m_speedvalue=fspeed;
   Invalidate(FALSE);
}

void CDashBoard::OnPaint() 
{
	CPaintDC dc(this); // device context for painting
	DrawDashBoard();
}

void CDashBoard::DrawScale(Graphics *pGraph, CRect rect,int midx,int midy)
{
		//画刻度
	int nTicks = m_nTicks;
	int nSubTicks = m_nSubTicks;
	char strFigure[MAXNAMELENGTH + 1];
	const int nSidePos = 40;
	
	int nRadius = 0;
	if (rect.Width() <= rect.Height())
	{
		nRadius = rect.Width();
	}
	else
	{
		nRadius = rect.Height();
	}

	memset(strFigure, 0, sizeof(strFigure));
	double dRadius = fabs(nRadius / 2 - nRadius / 16);
	double dWidth = fabs(nRadius / 14);
	double dMaxAngle = double(300.00f / nTicks);	  //每个大格的角度
	double dMinAngle = dMaxAngle / nSubTicks;         //每个小格的角度 
    int center_x=midx;
	int center_y=midy;
	SolidBrush brush( Gdiplus::Color( 60, 0,0,255 ) ); //半透明红色
    pGraph->SetSmoothingMode(SmoothingModeAntiAlias);//平滑处理 抗锯齿
	for (int i=0; i<nTicks+1; i++) //刻度坐标
	{
		Point ptBigScale[4];//ptStartTick, ptStartTick1 ,ptEndTick,ptEndTick1;
		double dDrawAngle = (i * dMaxAngle + 30) * PI / 180; //
        dDrawAngle-=0.04; 
		ptBigScale[0].X = int(center_x - dRadius * sin(dDrawAngle));
		ptBigScale[0].Y = int(center_y + dRadius * cos(dDrawAngle));
		ptBigScale[1].X = int(center_x - dRadius * sin(dDrawAngle) + dWidth * sin(dDrawAngle));
		ptBigScale[1].Y = int(center_y + dRadius * cos(dDrawAngle) - dWidth * cos(dDrawAngle)); 
	    
		dDrawAngle += 0.08;//(i * dMaxAngle + 30) * PI / 180; //
		ptBigScale[3].X = int(center_x - dRadius * sin(dDrawAngle));
		ptBigScale[3].Y = int(center_y + dRadius * cos(dDrawAngle));
		ptBigScale[2].X = int(center_x - dRadius * sin(dDrawAngle) + dWidth * sin(dDrawAngle));
		ptBigScale[2].Y = int(center_y + dRadius * cos(dDrawAngle) - dWidth * cos(dDrawAngle));

		//pGraph->Polygons()
		pGraph->FillPolygon(&brush, ptBigScale, 4, FillModeAlternate);
		//pGraph->MoveTo(ptStartTick);
		//pGraph->LineTo(ptEndTick);

		sprintf(strFigure, "%.0f", (m_dMaxValue - m_dMinValue) * i / nTicks);
		unsigned short wcharFigure[100];
        unsigned short *pshort=&wcharFigure[0];
		FontFamily fontsmallFamily(L"黑体");//选择一种字体
        Gdiplus::Font fontSmall(&fontsmallFamily,12,FontStyleRegular);
       // LOGFONTA lf;   
 	    //fontSmall.GetLogFontA(&CacheGraphics,&lf);
	    Color fontColor(Color::Black);
		CharToWChar(strFigure, &pshort);
       	//pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[0].X-20,ptBigScale[3].Y-5),&SolidBrush(Color::Black)); 

		if (dMaxAngle * (nTicks - i) - 30 < 20)
		{
			pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[2].X-30,ptBigScale[2].Y-5),&SolidBrush(fontColor)); 
        }		
		else if (dMaxAngle * (nTicks - i) - 30 < 40)
		{
              pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[2].X-30,ptBigScale[1].Y),&SolidBrush(Color::Gray)); 
        }		
		else if (dMaxAngle * (nTicks - i) - 30 < 60)
		{
              pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[1].X-26,ptBigScale[1].Y),&SolidBrush(fontColor)); 
     //	pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[0].X-20,ptBigScale[3].Y-5),&SolidBrush(Color::Black)); 
       //	pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[1].X-nSidePos+1,ptBigScale[1].Y+1),&SolidBrush(Color::Black)); 
         //   pGraph->DrawString(lpszTitle,-1,&fontSmall,ptBigScale[1],&SolidBrush(Color::White)); 
		//	pGraph->DrawString(ptEndTick.x - nSidePos + 1, ptEndTick.y + 1, strFigure);
		//	pGraph->SetTextColor(RGB(0, 0, 255));
		//	pGraph->TextOut(ptEndTick.x - nSidePos, ptEndTick.y, strFigure);
		}
		else if (dMaxAngle * (nTicks - i) - 30 <= 90)
		{
                pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[1].X-25,ptBigScale[2].Y-3),&SolidBrush(fontColor)); 

			//	pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[1].X-nSidePos+1,ptBigScale[1].Y+1),&SolidBrush(Color::DarkGray)); 

			//	pGraph->SetTextColor(RGB(255, 255, 255));
		//	pGraph->TextOut(ptEndTick.x - nSidePos / 2 + 1, ptEndTick.y + 3 + 1, strFigure);
		//	pGraph->SetTextColor(RGB(0, 0, 255));
		//	pGraph->TextOut(ptEndTick.x - nSidePos / 2, ptEndTick.y + 3, strFigure);
		}
		else if (dMaxAngle * (nTicks - i) - 30 < 140)
		{
           pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[0].X-5,ptBigScale[1].Y),&SolidBrush(fontColor)); 
       //	pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[1].X-nSidePos+1,ptBigScale[1].Y+1),&SolidBrush(Color::Black)); 
		//	pGraph->SetTextColor(RGB(255, 255, 255));
		//	pGraph->TextOut(ptEndTick.x - nSidePos / 3 + 1, ptEndTick.y + 1, strFigure);
		//	pGraph->SetTextColor(RGB(0, 0, 255));
		//	pGraph->TextOut(ptEndTick.x - nSidePos / 3, ptEndTick.y, strFigure);
		}
		else if (dMaxAngle * (nTicks - i) - 30 < 160)
		{
           pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[1].X,ptBigScale[1].Y-3),&SolidBrush(fontColor)); 
       //	pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[1].X-nSidePos+1,ptBigScale[1].Y+1),&SolidBrush(Color::Black)); 
		//	pGraph->SetTextColor(RGB(255, 255, 255));
		//	pGraph->TextOut(ptEndTick.x - nSidePos / 3 + 1, ptEndTick.y + 1, strFigure);
		//	pGraph->SetTextColor(RGB(0, 0, 255));
		//	pGraph->TextOut(ptEndTick.x - nSidePos / 3, ptEndTick.y, strFigure);
		}
		else
		{
            pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[1].X-1,ptBigScale[2].Y-5),&SolidBrush(fontColor)); 

			//	pGraph->DrawString(wcharFigure,-1,&fontSmall,PointF(ptBigScale[1].X-nSidePos+1,ptBigScale[1].Y+5),&SolidBrush(Color::Black)); 
		//	pGraph->SetTextColor(RGB(255, 255, 255));
		//	pGraph->TextOut(ptEndTick.x - nSidePos / 10 + 1, ptEndTick.y + 1, strFigure);
		//	pGraph->SetTextColor(RGB(0, 0, 255));
		//	pGraph->TextOut(ptEndTick.x - nSidePos / 10, ptEndTick.y, strFigure);
		}
		
	}

	dWidth = fabs(nRadius / 20);

	Pen myPen(Color(126, 0, 0, 255), 2);
	for (i=0; i<nTicks; i++)
	{
		for (int j=1; j<nSubTicks; j++)  //子刻度
		{
			Point ptSubStartTick, ptSubEndTick;
			double dDrawAngle = ((i * dMaxAngle + 30) + (j * dMinAngle)) * PI / 180;
			ptSubStartTick.X = int(center_x - dRadius * sin(dDrawAngle));
			ptSubStartTick.Y = int(center_y + dRadius * cos(dDrawAngle));
			ptSubEndTick.X = int(center_x - dRadius * sin(dDrawAngle) + dWidth * sin(dDrawAngle));
			ptSubEndTick.Y = int(center_y + dRadius * cos(dDrawAngle) - dWidth * cos(dDrawAngle)); 
			pGraph->DrawLine(&myPen,ptSubStartTick,ptSubEndTick);
			
		}
	}
	int nradius=86;
	int rang=16;
	int startspeed=40;
	int endspeed=80;
    int nmode=0;
	Rect rt(center_x-nradius,center_y-nradius,nradius*2,nradius*2);
	DrawRangArc(pGraph, center_x,center_y,rt, nradius,rang,startspeed,endspeed,nmode);

	nradius=86;
	rang=16;
	startspeed=100;
	endspeed=140;
    nmode=1;
	Rect rt1(center_x-nradius,center_y-nradius,nradius*2,nradius*2);
	DrawRangArc(pGraph, center_x,center_y,rt1, nradius,rang,startspeed,endspeed,nmode);

	nradius=70;
	rang=16;
	startspeed=60;
	endspeed=130;
    nmode=2;
	Rect rt2(center_x-nradius,center_y-nradius,nradius*2,nradius*2);
	DrawRangArc(pGraph, center_x,center_y,rt2, nradius,rang,startspeed,endspeed,nmode);
}

BOOL CDashBoard::CharToWChar(LPCSTR strChar, unsigned short **sWchar)
{
    int   nLen   =   strlen(strChar)   +   1;   
    int   nwLen   =   MultiByteToWideChar(CP_ACP,   0,   strChar,   nLen,   NULL,   0);   
    
    MultiByteToWideChar(CP_ACP,   0,  strChar,   nLen,   *sWchar,   nwLen);   
	return TRUE;

}

//#define FACTOR        1
#define FACTOR        1
/*
 Point _aNeedleSrc[5][5] = {
  {
    Point(FACTOR *  0, FACTOR *  -5),
    Point(FACTOR * -5, FACTOR *  25),
    Point(FACTOR *  0, FACTOR * 100),
    Point(FACTOR *  5, FACTOR *  25)
  },{
    Point(FACTOR * -4, FACTOR *   0),
    Point(FACTOR * -3, FACTOR *  60),
    Point(FACTOR *  0, FACTOR * 1000),
    Point(FACTOR *  3, FACTOR *  60),
    Point(FACTOR *  4, FACTOR *   0)
  },{
    Point(FACTOR * -3, FACTOR * -13),
    Point(FACTOR * -3, FACTOR *  60),
    Point(FACTOR *  0, FACTOR * 100),
    Point(FACTOR *  3, FACTOR *  60),
    Point(FACTOR *  3, FACTOR * -13)
  },{
    Point(FACTOR * -5, FACTOR * -13),
    Point(FACTOR * -4, FACTOR *  20),
    Point(FACTOR *  0, FACTOR * 100),
    Point(FACTOR *  4, FACTOR *  20),
    Point(FACTOR *  5, FACTOR * -13)
  },{
    Point(FACTOR * -5, FACTOR * -13),
    Point(FACTOR * -4, FACTOR *  65),
    Point(FACTOR *  0, FACTOR * 100),
    Point(FACTOR *  4, FACTOR *  65),
    Point(FACTOR *  5, FACTOR * -13)
  }
};
*/
/*
static void _DrawLine(const SCALE* pObj, int r1, int r2, float Angel) {
  float co = cos(Angel / 180.) * FACTOR;
  float si = sin(Angel / 180.) * FACTOR;
  int x0 = pObj->x0 * FACTOR - r1 * co;
  int y0 = pObj->y0 * FACTOR - r1 * si;
  int x1 = pObj->x0 * FACTOR - r2 * co;
  int y1 = pObj->y0 * FACTOR - r2 * si;
  GUI_AA_DrawLine(x0, y0, x1, y1);
}
*/
void CDashBoard::DrawPitch(Graphics *pGraph,CRect rect,int OxyX,int OxyY)
{
	//Pen pen(ARGB(0xFFFF4500),1);
	Pen      pen(Color(255, 255, 255, 255));
	double Angle_PerKm=(double)(300.00f / (m_dMaxValue - m_dMinValue));
	double Angel = (Angle_PerKm*m_speedvalue+30);//* PI / 180;
	double dDrawAngle = (Angel ) * PI / 180; //
	Matrix matrixH(1,0,0,1,OxyX,OxyY); // 定义一个单位矩阵，坐标原点在表盘中央
	matrixH.Rotate(Angel); // 时针旋转的角度度
//	matrixH.Translate(-OxyX,-OxyY);

	Point pointsH[]={    
	Point(FACTOR *  0, FACTOR *  -15),
    Point(FACTOR * -15, FACTOR *  30),
    Point(FACTOR *  0, FACTOR * 100),
    Point(FACTOR *  15, FACTOR *  30)
	};
    Point pointsH1[]={
			Point(FACTOR *  0, FACTOR *  -5),
    		Point(FACTOR * -5, FACTOR *  25),
            Point(FACTOR *  0, FACTOR * 100),
            Point(FACTOR *  5, FACTOR *  25)
	};
    Point pointsH2[]={
    Point(FACTOR * -3, FACTOR * -13),
    Point(FACTOR * -3, FACTOR *  60),
    Point(FACTOR *  0, FACTOR * 100),
    Point(FACTOR *  3, FACTOR *  60),
    Point(FACTOR *  3, FACTOR * -13)
	};
    Point pointsH3[]={
	Point(FACTOR * -5, FACTOR * -13),
    Point(FACTOR * -4, FACTOR *  20),
    Point(FACTOR *  0, FACTOR * 100),
    Point(FACTOR *  4, FACTOR *  20),
    Point(FACTOR *  5, FACTOR * -13)
	};
    Point pointsH4[]={
    Point(FACTOR * -5, FACTOR * -13),
    Point(FACTOR * -4, FACTOR *  65),
    Point(FACTOR *  0, FACTOR * 100),
    Point(FACTOR *  4, FACTOR *  65),
    Point(FACTOR *  5, FACTOR * -13)
	};
    //Point *pPoint=_aNeedleSrc[0];
	matrixH.TransformPoints( pointsH, 4); // 用该矩阵转换points
	SolidBrush brush( Gdiplus::Color( 126, 255,0,0 ) ); //半透明红色
    pGraph->SetSmoothingMode(SmoothingModeAntiAlias);//平滑处理 抗锯齿

     //  取得第一种颜色的R，G，B值
	COLORREF Color2=RGB(0,45,145);
    COLORREF Color1=RGB(255,255,255);

    int r1 = GetRValue(Color1);
    int g1 = GetGValue(Color1);
    int b1 = GetBValue(Color1);

    //  取得第二种颜色的R，G，B值
    int r2 = GetRValue(Color2);
    int g2 = GetGValue(Color2);
    int b2 = GetBValue(Color2);

//    CRect rect;
//    GetClientRect(&rect);

	int iRotation=180;
        
    //  刷子
      Gdiplus::LinearGradientBrush linGrBrush(Gdiplus::Rect(0, 0, rect.right,rect.bottom),  //  绘制区域
                                                Gdiplus::Color(255, r1, g1, b1),  //  第一种颜色
                                                Gdiplus::Color(255, r2, g2, b2),  //  第二种颜色 
                                                (Gdiplus::REAL)(90 - iRotation));  //  渐变色的角度


	//SolidBrush brush1( Gdiplus::Color(126,0,0,255) ); //半透明红色
	pGraph->FillPolygon(&brush, pointsH, 4,FillModeAlternate);
	//pGraph->FillPolygon(&brush, pointsH, 4,FillModeAlternate);
	pGraph->DrawPolygon(&pen, pointsH, 4);
    int nRadius = 0;
	if (rect.Width() <= rect.Height())
	{
		nRadius = rect.Width();
	}
	else
	{
		nRadius = rect.Height();
	}

	double dRadius = fabs(nRadius / 2 - nRadius / 16);
	int endx = int(OxyX - dRadius * sin(dDrawAngle));
	int endy = int(OxyY + dRadius * cos(dDrawAngle)); 
    pGraph->DrawLine(&pen,OxyX,OxyY,endx,endy);
    //  得到绘制区域
	pGraph->FillEllipse(&linGrBrush,OxyX-10,OxyY-10,20,20);
//	pGraph->FillCircle(&brush1,OxyX,OxyY,5);
   // fla=(260-0)*m_speedvalue;//（范围最大值-范围最小值）*数据百分比+范围最小值
    //CacheGraphics.DrawLine(&pen, midx, midy, midx + (int) (100 * cos(fla * radian)), 
    //midy + (INT) (100 * sin(fla * radian)));
   // CacheGraphics.FillEllipse(&brush,midx-20,midy-20,20,20);
   
/*
	Matrix matrixH(1,0,0,1,OxyX,OxyY); // 定义一个单位矩阵，坐标原点在表盘中央
	matrixH.Rotate(SystemTime.wHour*30+SystemTime.wMinute/2.0-180); // 时针旋转的角度度
	Point pointsH[] = { Point(0, 0),Point(m_HourWidth, 0),Point(0, m_HourHeight)};
	matrixH.Translate(-m_HourWidth/2,-m_HourHeight/6);
	matrixH.TransformPoints( pointsH, 3); // 用该矩阵转换points
	graph.DrawImage (m_pImageHHour,pointsH, 3);

*/

}

void CDashBoard::DrawRangArc(Graphics *pGraph, int OxyX,int OxyY,Rect rect,int nRadius,int nRang, float startspeed, float endspeed, int nRangMode)
{

	//120---0  140--60       300
	int arc_startx=startspeed*(300/(m_dMaxValue - m_dMinValue))+120;
	if(arc_startx>360) arc_startx-=360;
	int arc_starty=(endspeed-startspeed)*(300/(m_dMaxValue - m_dMinValue));
	if(arc_starty>360) arc_starty-=360;
	
	double Angle_PerKm=(double)(300.00f / (m_dMaxValue - m_dMinValue));
	double Angel = (Angle_PerKm*startspeed+30);//* PI / 180;
	double dDrawAngle = (Angel ) * PI / 180; //


	int startx = int(OxyX - (nRadius+nRang/2) * sin(dDrawAngle));
	int starty = int(OxyY + (nRadius+nRang/2) * cos(dDrawAngle));
	int endx = int(OxyX - (nRadius+nRang/2) * sin(dDrawAngle) + nRang * sin(dDrawAngle));
	int endy = int(OxyY + (nRadius+nRang/2) * cos(dDrawAngle) - nRang * cos(dDrawAngle));
	
	double Angel1 = (Angle_PerKm*endspeed+30);
	double dDrawAngle1 = (Angel1-0.4) * PI / 180; //

	int startx1 = int(OxyX - (nRadius+nRang/2) * sin(dDrawAngle1));
	int starty1 = int(OxyY + (nRadius+nRang/2) * cos(dDrawAngle1));
	int endx1 = int(OxyX - (nRadius+nRang/2) * sin(dDrawAngle1) + nRang * sin(dDrawAngle1));
	int endy1 = int(OxyY + (nRadius+nRang/2) * cos(dDrawAngle1) - nRang * cos(dDrawAngle1));

	switch(nRangMode)
	{
	case 0:
	{
	int nradius=nRadius;
	Pen pen1(Color(255, 0, 255, 0), 1);
	pGraph->DrawArc(&pen1,Rect(rect.X+nRang/2,rect.Y+nRang/2,nRadius*2-nRang,nRadius*2-nRang),arc_startx+0.5,arc_starty-0.4);
	pGraph->DrawArc(&pen1,Rect(rect.X-nRang/2,rect.Y-nRang/2,nRadius*2+nRang,nRadius*2+nRang),arc_startx+0.5,arc_starty-0.4);
	pGraph->DrawLine(&pen1,startx,starty,endx,endy);
	pGraph->DrawLine(&pen1,startx1,starty1,endx1,endy1);

	Pen pen(Color(100, 0, 255, 0), nRang);
	pGraph->DrawArc(&pen,rect,arc_startx,arc_starty);
	}
    break;

	case 1:
	{
	int nradius=nRadius;
	Pen pen1(Color(255, 255, 0, 0), 1);
	pGraph->DrawArc(&pen1,Rect(rect.X+nRang/2,rect.Y+nRang/2,nRadius*2-nRang,nRadius*2-nRang),arc_startx+0.5,arc_starty-0.4);
	pGraph->DrawArc(&pen1,Rect(rect.X-nRang/2,rect.Y-nRang/2,nRadius*2+nRang,nRadius*2+nRang),arc_startx+0.5,arc_starty-0.4);
	pGraph->DrawLine(&pen1,startx,starty,endx,endy);
	pGraph->DrawLine(&pen1,startx1,starty1,endx1,endy1);

	Pen pen(Color(100, 255, 0, 0), nRang);
	pGraph->DrawArc(&pen,rect,arc_startx,arc_starty);
	}
    break;
    case 2:
 	{
	int nradius=nRadius;
	Pen pen1(Color(255, 255, 255, 0), 1);
	pGraph->DrawArc(&pen1,Rect(rect.X+nRang/2,rect.Y+nRang/2,nRadius*2-nRang,nRadius*2-nRang),arc_startx+0.5,arc_starty-0.4);
	pGraph->DrawArc(&pen1,Rect(rect.X-nRang/2,rect.Y-nRang/2,nRadius*2+nRang,nRadius*2+nRang),arc_startx+0.5,arc_starty-0.4);
	pGraph->DrawLine(&pen1,startx,starty,endx,endy);
	pGraph->DrawLine(&pen1,startx1,starty1,endx1,endy1);

	Pen pen(Color(126, 255, 255, 0), nRang);
	pGraph->DrawArc(&pen,rect,arc_startx,arc_starty);
	}
    break;

	}


}

 工业风的界面随着计算机软件计算的发展逐渐衍生出了现在风靡业界的数字孪生应用，也从二维的变成3维实时仿真的UI，大大的增强了数字化虚拟世界的表达现实世界的能力

 

 

 

 

 

 

 

 

 

superxxd
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
上位机开发（开篇）
嵌入式-老费，一个分享专业嵌入式知识的blog
06-09 3451
【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】 嵌入式硬件、软件本身如果是作为一个单独功能来说，很多时候已经满足要求了。然而在现实场景里面，一般在嵌入式设备的上游还有一个上位机。这个上位机可能是pc、也可能是linux soc，通信方式和开发语言也是多种多样，这个取决于具体的功能。1、上位机开发的几个用途 上位机的存在，主要是为了满足客户的若干需求。比如说，部分算法的运行只有在算力比较高的上位机才能运行，嵌入式设备需要升级版
上位机程序设计一课一得之设计制作用户登录界面
2301_82006738的博客
03-21 1303
在MDI窗体中，每个子窗体都是独立的文档窗口，可以单独进行操作，但是它们同时存在于一个父窗体中。例如，点击按钮后会触发按钮的点击事件，开发人员可以编写特定的代码来处理该事件，执行相应的操作。不同的编程语言和开发框架提供了不同的控件库，开发者可以根据需求选择合适的控件进行使用和定制。MDI窗体提供了一些常用的操作功能，比如窗口的最大化和最小化、窗口的切换、窗口的排列等。比如，对于一个按钮控件，可以通过编程的方式来设置按钮的文本、颜色、位置等属性，还可以为按钮添加点击事件的处理函数，以实现按钮被点击时的响应。
C#开发上位机。包含操作界面，监控界面，工艺流显示界面，工艺表界面，工艺编辑界面
fFKQHtQFol的博客
10-27 729
C#开发的上位机可以提供多种界面，包括操作界面、监控界面、工艺流显示界面、工艺表界面、工艺编辑界面、曲线界面、异常报警界面等，能够满足生产过程中不同的需求。工艺流显示界面可以根据工艺步骤的执行情况变换颜色，一步一步的显示工艺到哪一步了，方便操作员实时掌握生产进程。曲线界面是C#开发上位机的一大特色，它可以显示八组曲线，同一时间可以同时显示八组曲线，曲线纵坐标可以自定义数值。包含操作界面，监控界面，工艺流显示界面，工艺表界面，工艺编辑界面，曲线界面，异常报警界面等，工艺编辑界面：树形编辑，避免杂乱无章。
工业控制2D组态界面，丑是丑了点，但非常实用。
最新发布
2401_82616673的博客
05-26 333
总之，工业控制的2D组态界面通过图形化的方式展示工艺过程和设备状态，提供实时数据显示、控制功能、报警提示等功能，以帮助操作人员监控和控制工业过程。界面的设计应注重直观性、易用性和可扩展性，以满足工业控制的需求。工业控制的2D组态界面是用于监控和控制工业过程的界面。
HMI界面之：上位机界面设计，一文扫盲
2401_82616673的博客
03-21 3256
一、什么是上位机上位机（Supervisory Control and Data Acquisition，简称SCADA）是一种用于监控和控制工业过程的计算机系统。它通常由两个主要部分组成：上位机和下位机。上位机是SCADA系统中的主要控制中心，负责监控和控制整个工业过程。它通过与下位机通信，从下位机获取实时数据，并将其显示在操作员界面上。上位机还负责处理数据、执行控制逻辑、生成报表和提供报警功能等。
java上位机开发（GUI设计）
嵌入式-老费，一个分享专业嵌入式知识的blog
07-10 4716
【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】 对于上位机来说，GUI设计是重要的一个环节。如果没有GUI，那就成了命令行工具了。对于java来说，图形库主要有swing和awk，这个可以根据个人的喜好进行选择，差别不大。另外，和大多数图形库一样，java图形库也提供了label、edit、button、dialog、menu这些常用控件。如果是不太常用的控件，那就需要自己绘制了。 这里我们选择awk进行开发。当然，选好了控
基于Qt/Embedded的嵌入式控制界面开发
08-14
基于GPL(General Public License)架构之下的Linux，具有硬件需求低，架构开放，系统稳定，保密性好等特点，嵌入式Linux的这些优点正好符合工控领域安全性，稳定性，实时性和易维护等要求。
上位机UI界面设计项目
世界需要程序员，而我就是其中一员！
04-19 3678
本篇博客主要讲解上位机的UI界面的基本布局，思路如下： 业务逻辑： 1，有一个用户名输入框，可以输入任意字符； 2，有一个密码输入框，可以输入任意字符，但是需要以 *代替文本显示，避免密码泄露； 3，有一个登录按钮，当点击登录按钮时，到数据库检验用户名与密码的正确性，如果用户名密码验证正确，则跳转到程序主操作页面，否则提示用户检验用户名或密码是否正确。 在主控制台页面增加设备功能： 1，海康摄像头视频预览、下载功能； 2，日志解析功能； 3，设备感应器信号实时查看功能； 4，发送指令操作设备硬件的功能；
上位机界面进化史
weixin_61294345的博客
12-24 1848
大四上学期弄的第一个界面，非常的简陋啊，用的tkinter，主要功能就是读取传感的位姿数据，后台还有一些数据处理和存储的功能。 大四下学期弄的第二个界面，依然是python tkinter 功能复杂了一些，多了端口的选择和一些操作按键，看起来专业了一点。 研一上学期，弄的一个相对完整的上位机，基于pyqt框架，实现了一系列相对复杂的功能，其中使用pyvtk实现了可视化的3D模型，同步姿态角旋转（花了最长的时间，还是比较简陋），数据通信、参数调试...
QT上位机触摸屏等可以使用的图素图标
05-14
QT在IT领域中广泛应用于工业控制、嵌入式设备、桌面应用以及移动平台。 "QT上位机触摸屏等可以使用的图素图标"是指在QT环境中，为触摸屏设备设计的GUI界面所使用的各种图标资源。这些图标通常以像素级别的精度绘制...
MODBUS调试专用上位机软件
04-30
综上所述，"MODBUS调试专用上位机软件"是为了解决MODBUS协议下的设备调试问题而设计的工具，它依赖于诸如Qt这样的库来提供图形化界面，并且能够与STM32等嵌入式系统配合工作，确保MODBUS网络的正常运行和高效调试。...
上位机控件开发.rar
03-11
在IT行业中，上位机控件开发是构建用户界面（UI）的重要环节，尤其是在工业自动化、数据可视化等领域。本文将围绕“上位机控件开发”这一主题，结合C#编程语言，深入探讨控件的二次开发技术。 首先，我们要明白...
C#编写的基于串口的上位机
04-08
在工业自动化、物联网(IoT)和其他领域，上位机通常用于控制和监测下位机（如PLC、单片机等）的运行状态。这个项目对初学者特别有帮助，因为源代码中包含了详尽的注释，有助于理解和学习串口通信的基本原理和C#编程...
嵌入式微系统msOS的出发点：应用
08-30
为了进一步降低msPLC的使用门槛，作者计划开发一个低成本的版本，但由于黑白字库屏成本较高，转而设计了一个PC端的上位机界面——msMenu，采用C#语言开发，模拟LCD屏并提供串口等常用功能。这个项目得到了群友...
C#上位机登录界面设计-界面设计（一）
Silent_you的博客
03-12 2841
以上为学习上位机登录界面设计的学习记录，有同样C#设计需求的兄弟可以尝试一下。
基于libmodbus库的Qt上位机控制伺服电机
百叶书的博客
10-27 2907
基于libmodbus库的Qt上位机控制伺服电机前言一、利用YZ-ACSD608测试电机1 上位机软件界面介绍2 上位机控制过程二、使用串口助手测试电机1.串口工具SSCOM三、Qt上位机与虚拟串口通讯测试四、 Qt上位机控制伺服电机总结 前言 是的，经过一次又一次的调试修改，今天终于可以实现简单的对伺服电机的控制。接下来，我需要对这段时间的工作做个梳理总结。 一、利用YZ-ACSD608测试电机 YZ-ACSD608软件是厂商给的上位机软件，一则用来调试伺服电机，二则用来设置电机运行的参数。 ..
学习记录Day10-仿上位机软件界面
li_s_t的博客
04-30 105
学习内容：日历控件下拉框 报错1：CreateProcess error=2, 系统找不到指定的文件。 报错2：from PyQt5.QtWebEngineWidgets import *：ImportError: DLL load failed / 找不到指定的模块 报错3：FileNotFoundError: [Errno 2] No such file or directory 报错4：PermissionError: [Errno 13] Permission denied 报错5 报错6 报错7
利用Qt进行上位机软件主界面设计：MainWindow全屏及自适应菜单模块居中显示（一）
qq_35893001的博客
03-10 3793
一、Widget、Dialog和MainWindow之间的关系 MainWindow（主窗口）： 主窗口提供了构建应用程序用户界面的框架。 Widget（小部件）： 小部件是用户界面的原子，它从窗口系统接收鼠标、键盘和其他事件，并在屏幕上绘制自己的表示。 Dialog（对话框）： 一般用作辅助窗口，为用户提供选项并与主窗口进行交互，类似弹出一个对话框进行配置、选择等操作。 https://doc.qt.io/qt-5/qmainwindow.html#details https://doc.qt.io
嵌入式的上位机界面测试例子
大坡3D软件开发
05-31 2449
在开发嵌入式软件时，经常要使用一些界面测试例子，如果让别人帮忙开发，当然是比较好的事情，但是在小公司，或者功能不是太复杂时，协调成本太高时，就要自己去开发一些界面测试例子了，这样会大大地提高开发效率。因此，本文主要来实现linux里的python界面开发，在这里使用开源的界面库wxpython。由于嵌入式linux都是在linux下开发，那么在linux写一些界面测试例子，就非常方便了，并且采用不收费的界面库wxpython，也可以为公司节省成本，也可以为客户节省成本，让你的产品更具有竞争优势。 首要是安
windows系统上开发CAN上位机界面工具MFC实现与代码示例
05-25
下面是一个简单的MFC界面工具，用于与CAN总线通信。本示例使用了Peak的PCAN-USB接口，但是您可以根据需要更改实现以适应您使用的硬件。 首先，您需要包含以下头文件： ```c++ #include "afxwin.h" #include "PCANBasic.h" #include <vector> ``` 接下来，您需要添加以下变量： ```c++ TPCANHandle m_PcanHandle; // CAN接口句柄 TPCANMsg m_TxMsg; // 发送CAN消息 TPCANMsg m_RxMsg; // 接收CAN消息 std::vector<std::string> m_CanBaudrateList; // CAN波特率列表 std::vector<std::string> m_CanMsgTypeList; // CAN消息类型列表 ``` 在对话框类中，您需要添加以下代码： ```c++ class CCanToolDlg : public CDialogEx { // ... public: CCanToolDlg(CWnd* pParent = NULL); // 标准构造函数 virtual ~CCanToolDlg(); // 对话框数据 #ifdef AFX_DESIGN_TIME enum { IDD = IDD_CAN_TOOL_DIALOG }; #endif protected: virtual void DoDataExchange(CDataExchange* pDX); // DDX/DDV 支持 // 实现 protected: HICON m_hIcon; // 生成的消息映射函数 virtual BOOL OnInitDialog(); afx_msg void OnSysCommand(UINT nID, LPARAM lParam); afx_msg void OnPaint(); afx_msg HCURSOR OnQueryDragIcon(); DECLARE_MESSAGE_MAP() private: BOOL InitPcan(); // 初始化PCAN接口 void DisplayCanBaudrateList(); // 显示CAN波特率列表 void DisplayCanMsgTypeList(); // 显示CAN消息类型列表 void WriteCanMsg(); // 发送CAN消息 void ReadCanMsg(); // 接收CAN消息 CComboBox m_CanBaudrateCombo; // CAN波特率选择框 CComboBox m_CanMsgTypeCombo; // CAN消息类型选择框 CEdit m_CanIdEdit; // CAN ID编辑框 CEdit m_CanDataEdit; // CAN数据编辑框 CButton m_SendBtn; // 发送按钮 CListBox m_MsgListBox; // 消息列表框 }; ``` 在对话框类的构造函数中，您需要初始化以下变量： ```c++ CCanToolDlg::CCanToolDlg(CWnd* pParent /*=NULL*/) : CDialogEx(IDD_CAN_TOOL_DIALOG, pParent) { m_hIcon = AfxGetApp()->LoadIcon(IDR_MAINFRAME); // 初始化CAN接口 m_PcanHandle = PCAN_USBBUS1; m_TxMsg.ID = 0x123; m_TxMsg.LEN = 8; m_TxMsg.MSGTYPE = MSGTYPE_STANDARD; ZeroMemory(m_TxMsg.DATA, sizeof(m_TxMsg.DATA)); m_RxMsg.ID = 0x0; m_RxMsg.LEN = 0; m_RxMsg.MSGTYPE = MSGTYPE_STANDARD; ZeroMemory(m_RxMsg.DATA, sizeof(m_RxMsg.DATA)); // 初始化CAN波特率列表 m_CanBaudrateList.push_back("1 MBit/sec"); m_CanBaudrateList.push_back("500 KBit/sec"); m_CanBaudrateList.push_back("250 KBit/sec"); m_CanBaudrateList.push_back("125 KBit/sec"); m_CanBaudrateList.push_back("100 KBit/sec"); m_CanBaudrateList.push_back("50 KBit/sec"); m_CanBaudrateList.push_back("20 KBit/sec"); m_CanBaudrateList.push_back("10 KBit/sec"); // 初始化CAN消息类型列表 m_CanMsgTypeList.push_back("Standard"); m_CanMsgTypeList.push_back("RTR"); } ``` 在OnInitDialog函数中，您需要调用初始化CAN接口，显示CAN波特率列表和CAN消息类型列表的函数，并将它们与对应的控件关联起来： ```c++ BOOL CCanToolDlg::OnInitDialog() { CDialogEx::OnInitDialog(); // 添加 "关于..." 菜单项。 // IDM_ABOUTBOX 必须在系统命令范围内。 ASSERT((IDM_ABOUTBOX & 0xFFF0) == IDM_ABOUTBOX); ASSERT(IDM_ABOUTBOX < 0xF000); CMenu* pSysMenu = GetSystemMenu(FALSE); if (pSysMenu != NULL) { CString strAboutMenu; strAboutMenu.LoadString(IDS_ABOUTBOX); if (!strAboutMenu.IsEmpty()) { pSysMenu->AppendMenu(MF_SEPARATOR); pSysMenu->AppendMenu(MF_STRING, IDM_ABOUTBOX, strAboutMenu); } } // 设置此对话框的图标。当应用程序主窗口不是对话框时，框架将自动 // 执行此操作 SetIcon(m_hIcon, TRUE); // 设置大图标 SetIcon(m_hIcon, FALSE); // 设置小图标 // TODO: 在此添加额外的初始化代码 if (!InitPcan()) { AfxMessageBox(_T("PCAN initialization failed!")); return FALSE; } DisplayCanBaudrateList(); DisplayCanMsgTypeList(); m_CanBaudrateCombo.SetCurSel(0); m_CanMsgTypeCombo.SetCurSel(0); return TRUE; // 除非将焦点设置到控件，否则返回 TRUE } ``` 在InitPcan函数中，您需要初始化PCAN接口并打开它： ```c++ BOOL CCanToolDlg::InitPcan() { TPCANStatus status; // Initialize PCAN interface status = CAN_Initialize(m_PcanHandle, PCAN_BAUD_1M, 0, 0, 0); if (status != PCAN_ERROR_OK) return FALSE; // Start the PCAN interface status = CAN_Start(m_PcanHandle); if (status != PCAN_ERROR_OK) { CAN_Uninitialize(m_PcanHandle); return FALSE; } return TRUE; } ``` 在DisplayCanBaudrateList函数中，您需要将CAN波特率列表显示在对应的控件中： ```c++ void CCanToolDlg::DisplayCanBaudrateList() { for (std::vector<std::string>::iterator it = m_CanBaudrateList.begin(); it != m_CanBaudrateList.end(); it++) { CString str(it->c_str()); m_CanBaudrateCombo.AddString(str); } } ``` 在DisplayCanMsgTypeList函数中，您需要将CAN消息类型列表显示在对应的控件中： ```c++ void CCanToolDlg::DisplayCanMsgTypeList() { for (std::vector<std::string>::iterator it = m_CanMsgTypeList.begin(); it != m_CanMsgTypeList.end(); it++) { CString str(it->c_str()); m_CanMsgTypeCombo.AddString(str); } } ``` 在WriteCanMsg函数中，您需要从控件中获取CAN消息数据并发送它： ```c++ void CCanToolDlg::WriteCanMsg() { CString strId, strData; int nId = 0; // Get CAN ID m_CanIdEdit.GetWindowTextW(strId); if (strId.IsEmpty()) { AfxMessageBox(_T("Please input CAN ID!")); return; } nId = _tcstoul(strId, NULL, 16); if (nId > 0x7FF) { AfxMessageBox(_T("CAN ID should be less than or equal to 0x7FF!")); return; } m_TxMsg.ID = nId; // Get CAN data m_CanDataEdit.GetWindowTextW(strData); if (strData.IsEmpty()) { AfxMessageBox(_T("Please input CAN data!")); return; } CString strDataByte; for (int i = 0; i < 8; i++) { strDataByte = strData.Mid(i * 2, 2); if (strDataByte.IsEmpty()) { ZeroMemory(m_TxMsg.DATA + i, 1); } else { m_TxMsg.DATA[i] = _tcstoul(strDataByte, NULL, 16); } } // Get CAN message type int nMsgType = m_CanMsgTypeCombo.GetCurSel(); if (nMsgType == -1) { AfxMessageBox(_T("Please select CAN message type!")); return; } m_TxMsg.MSGTYPE = (nMsgType == 0 ? MSGTYPE_STANDARD : MSGTYPE_RTR); // Send CAN message TPCANStatus status = CAN_Write(m_PcanHandle, &m_TxMsg); if (status != PCAN_ERROR_OK) { AfxMessageBox(_T("CAN message sending failed!")); return; } // Display CAN message in message list box CString strMsg; strMsg.Format(_T("Tx: %03X %02X %02X %02X %02X %02X %02X %02X %02X"), m_TxMsg.ID, m_TxMsg.DATA[0], m_TxMsg.DATA[1], m_TxMsg.DATA[2], m_TxMsg.DATA[3], m_TxMsg.DATA[4], m_TxMsg.DATA[5], m_TxMsg.DATA[6], m_TxMsg.DATA[7]); m_MsgListBox.AddString(strMsg); } ``` 在ReadCanMsg函数中，您需要接收CAN消息并在消息列表框中显示它： ```c++ void CCanToolDlg::ReadCanMsg() { TPCANStatus status; while (TRUE) { // Receive CAN message status = CAN_Read(m_PcanHandle, &m_RxMsg, NULL); if (status != PCAN_ERROR_OK && status != PCAN_ERROR_QRCVEMPTY) break; if (status == PCAN_ERROR_QRCVEMPTY) break; // Display CAN message in message list box CString strMsg; strMsg.Format(_T("Rx: %03X %02X %02X %02X %02X %02X %02X %02X %02X"), m_RxMsg.ID, m_RxMsg.DATA[0], m_RxMsg.DATA[1], m_RxMsg.DATA[2], m_RxMsg.DATA[3], m_RxMsg.DATA[4], m_RxMsg.DATA[5], m_RxMsg.DATA[6], m_RxMsg.DATA[7]); m_MsgListBox.AddString(strMsg); } } ``` 最后，在对话框类中添加以下消息处理函数： ```c++ void CCanToolDlg::OnBnClickedSendBtn() { WriteCanMsg(); } afx_msg void CCanToolDlg::OnTimer(UINT_PTR nIDEvent) { if (nIDEvent == 1) { ReadCanMsg(); } CDialogEx::OnTimer(nIDEvent); } void CCanToolDlg::OnDestroy() { CDialogEx::OnDestroy(); // Stop the PCAN interface CAN_Stop(m_PcanHandle); // Uninitialize the PCAN interface CAN_Uninitialize(m_PcanHandle); } void CCanToolDlg::OnCbnSelchangeCanBaudrateCombo() { int nBaudrate = m_CanBaudrateCombo.GetCurSel(); if (nBaudrate == -1) return; switch (nBaudrate) { case 0: CAN_Initialize(m_PcanHandle, PCAN_BAUD_1M, 0, 0, 0); break; case 1: CAN_Initialize(m_PcanHandle, PCAN_BAUD_500K, 0, 0, 0); break; case 2: CAN_Initialize(m_PcanHandle, PCAN_BAUD_250K, 0, 0, 0); break; case 3: CAN_Initialize(m_PcanHandle, PCAN_BAUD_125K, 0, 0, 0); break; case 4: CAN_Initialize(m_PcanHandle, PCAN_BAUD_100K, 0, 0, 0); break; case 5: CAN_Initialize(m_PcanHandle, PCAN_BAUD_50K, 0, 0, 0); break; case 6: CAN_Initialize(m_PcanHandle, PCAN_BAUD_20K, 0, 0, 0); break; case 7: CAN_Initialize(m_PcanHandle, PCAN_BAUD_10K, 0, 0, 0); break; } } void CCanToolDlg::OnBnClickedReadBtn() { SetTimer(1, 100, NULL); } ``` 这是一个简单的MFC界面工具，用于与CAN总线通信。您可以根据需要进行修改和调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值