游戏告警 网吧特权 全站搜索 APP下载 开网吧 开网咖 注册 网吧转让 网吧供求 关注微信 网吧联盟论坛
您现在的位置： 天下网吧 >> 网吧天地 >> 天下码农 >> 微信小程序 >> 正文

工控软件图形界面-控件实现（报警Led/状态Led/Button控件）

2010-12-22vczx佚名
【大 中 小】

关键字 Led 报警 状态指示

介绍
工控软件开发过程中，Led是非常重要的一个表现形式环节，如何能够直观的反映模拟工控现场的各种按钮或者指示灯是非常重要的一种人机软件实现方法。这里提供静态Led和按钮两种控件，能够更好的模拟现场环境，增加人机界面的人性化。希望对寻求相关开发的人有帮助。

正文
前段时间我在vchelp专栏发表了一些关于工控控件的编写方法的文章，这些时间一直有很多的朋友给我来邮件，感谢很多网络的朋友对我的支持。同时很多人提出：他们在使用工控现场模拟按钮或者指示灯等控件中发现可能关于这些方面的控件不是很多或者不是很形象。现在正好项目空闲有一些时间，在研究了许多工控软件的界面表现形式和开源代码实现的基础上完成了现在两个控件的编写，读者如果有兴趣可以在上面进行扩展，完成更多更好的效果。
    控件演示效果见下：提供了静态Led效果和按钮指示效果，其中静态Led控件提供了On(打开)， Off(关闭)， Flash(闪烁)三种效果。
    Example Example.JPG
  
   静态Led控件采用重绘背景的形式实现，根据设定的状态进行不同背景采用绘制外框，内框，内部灯的渐变的方法进行绘制，这样能够形成实现效果上的凹凸的立体效果，具体绘制方法可以见下面代码。
   方形控件绘制方法
void CLightCtrl::DrawStateRectangle(CDC *pDC, CRect &rect)
{
    CPen pNewPen, *pOldPen;
    int Color_R,Color_G,Color_B;

    Color_R = (int)GetRValue(m_BorderColor) / m_nBorderWidth;
    Color_G = (int)GetGValue(m_BorderColor) / m_nBorderWidth;
    Color_B = (int)GetBValue(m_BorderColor) / m_nBorderWidth;
    
    pNewPen.CreatePen(PS_SOLID, 0, RGB( 255, 255, 255));
    pOldPen = (CPen *)pDC->SelectObject(&pNewPen);

    //画外框
    for (int i=0; i<m_nBorderWidth; i++)
    {
        pNewPen.DeleteObject();
        pNewPen.CreatePen(PS_SOLID, 0, RGB(Color_R * i, Color_G * i, Color_B * i));
        pDC->SelectObject(&pNewPen);
        pDC->MoveTo(i, i);
        pDC->LineTo(i + rect.Width() - 2 * i, i);
        pDC->LineTo(i + rect.Width() - 2 * i, i + rect.Height() - 2 * i);
        pDC->LineTo(i, i + rect.Height() -2 * i);
        pDC->LineTo(i, i);
    }

    //画内框
    if (m_enumState == IS_OFF)
    {
        Color_R = int(0.6 * (int)GetRValue(m_LightOffColor) / m_nLightWidth);
        Color_G = int(0.6 * (int)GetGValue(m_LightOffColor) / m_nLightWidth);
        Color_B = int(0.6 * (int)GetBValue(m_LightOffColor) / m_nLightWidth);
    }
    else if(m_enumState == IS_ON)
    {
        Color_R = int(0.6 * (int)GetRValue(m_LightOnColor) / m_nLightWidth);
        Color_G = int(0.6 * (int)GetGValue(m_LightOnColor) / m_nLightWidth);
        Color_B = int(0.6 * (int)GetBValue(m_LightOnColor) / m_nLightWidth);
    }

    for(i=0; i<m_nLightWidth; i++)
    {
        pNewPen.DeleteObject();
        if(m_enumState == IS_OFF)
        {
            pNewPen.CreatePen(PS_SOLID, 0, RGB(GetRValue(m_LightOffColor) * 0.4 + Color_R * i,
                              GetGValue(m_LightOffColor) * 0.4 + Color_G * i,
                              GetBValue(m_LightOffColor) * 0.4 + Color_B * i));
        }
        else if(m_enumState == IS_ON)
        {
                pNewPen.CreatePen(PS_SOLID, 0, RGB(GetRValue(m_LightOnColor) * 0.4 + Color_R * i,
                              GetGValue(m_LightOnColor) * 0.4 + Color_G * i,
                              GetBValue(m_LightOnColor) * 0.4 + Color_B * i));
        }
        
        pDC->SelectObject(&pNewPen);
        pDC->MoveTo(i + m_nBorderWidth, i + m_nBorderWidth);
        pDC->LineTo(i + m_nBorderWidth + rect.Width() - 2 * (i + m_nBorderWidth),
                    i + m_nBorderWidth);
        pDC->LineTo(i + m_nBorderWidth + rect.Width() - 2 * (i + m_nBorderWidth),
                    i + m_nBorderWidth+rect.Height() - 2 * (i + m_nBorderWidth));
        pDC->LineTo(i + m_nBorderWidth,
                    i + m_nBorderWidth + rect.Height() - 2 * (i + m_nBorderWidth));
        pDC->LineTo(i + m_nBorderWidth, i + m_nBorderWidth);
    }

    //填充灯
    CBrush pBackBrush, *pOldBrush;
    if (m_enumState == IS_OFF)
    {
        pBackBrush.CreateSolidBrush(m_LightOffColor);
    }
    else if(m_enumState == IS_ON)
    {
        pBackBrush.CreateSolidBrush(m_LightOnColor);
    }
    pOldBrush = (CBrush *)pDC->SelectObject(&pBackBrush);
    pDC->FillRect(CRect(m_nBorderWidth + m_nLightWidth,
                        m_nBorderWidth + m_nLightWidth,
                        rect.Width() - (m_nBorderWidth + m_nLightWidth) + 2,
                        rect.Height() - (m_nBorderWidth + m_nLightWidth) + 2),
                        &pBackBrush);
    pDC->SelectObject(pOldBrush);
    pBackBrush.DeleteObject();

    //写降标题
    pDC->SetTextColor(RGB( 255, 255, 255));
    pDC->SetBkMode(TRANSPARENT);
    CRect rcTitle(m_nBorderWidth + m_nLightWidth,
                  m_nBorderWidth + m_nLightWidth,
                  rect.Width() - (m_nBorderWidth + m_nLightWidth) + 2,
                  rect.Height() - (m_nBorderWidth + m_nLightWidth) + 2);
    pDC->DrawText(m_strCaption, &rcTitle, DT_CENTER | DT_SINGLELINE | DT_VCENTER);
    
    //恢复设置
    pDC->SelectObject(pOldPen);
    pNewPen.DeleteObject();
}

圆形Led的绘制原理大致同方形Led的绘制，详细方法就不在叙述，可以参考代码。

按钮的绘制原理采用方形按钮绘制的外观的方法进行，采用按钮自绘的方法，根据按钮的当前鼠标状态进行不同状态的绘制。这里增加了鼠标选中与非选中的效果，来模拟现场按钮按下的效果。具体可以见方形按钮的状态绘制。
void CLightButton::DrawStateRectangle(LPDRAWITEMSTRUCT lpDrawItemStruct)
{
    CDC* pDC   = CDC::FromHandle(lpDrawItemStruct->hDC);
    CRect m_rectClient = lpDrawItemStruct->rcItem;
    UINT nState = lpDrawItemStruct->itemState;

    CPen pNewPen, *pOldPen;
    int Color_R,Color_G,Color_B;

    Color_R = (int)GetRValue(m_BorderColor) / m_nBorderWidth;
    Color_G = (int)GetGValue(m_BorderColor) / m_nBorderWidth;
    Color_B = (int)GetBValue(m_BorderColor) / m_nBorderWidth;
    
    pNewPen.CreatePen(PS_SOLID, 0, RGB( 255, 255, 255));
    pOldPen = (CPen *)pDC->SelectObject(&pNewPen);

    CRect rcTitle(0, 0, m_rectClient.Width(), m_rectClient.Height());

    //画外框
    for(int i=0; i<m_nBorderWidth; i++)
    {
        Color_R = (int)255 / m_nBorderWidth;
        Color_G = (int)255 / m_nBorderWidth;
        Color_B = (int)255 / m_nBorderWidth;

        pDC->Draw3dRect(m_rectClient.left + i,
            m_rectClient.top + i,
            m_rectClient.Width() - 2 * i,
            m_rectClient.Height() - 2 * i,
            RGB(255-Color_R * i, 255 - Color_G * i, 255-Color_B * i),
            RGB(Color_R * i, Color_G * i, Color_B * i));
        
    }
    
    //画内框
    Color_R = int(0.6 * (int)GetRValue(m_ButtonColor) / m_nLightWidth);
    Color_G = int(0.6 * (int)GetGValue(m_ButtonColor) / m_nLightWidth);
    Color_B = int(0.6 * (int)GetBValue(m_ButtonColor) / m_nLightWidth);
    
    for(i=0; i<m_nLightWidth; i++)
    {
        if (lpDrawItemStruct->itemState & ODS_SELECTED)  
        {            
            pNewPen.DeleteObject();
            pNewPen.CreatePen(PS_SOLID, 0, RGB(GetRValue(m_ButtonColor) * 0.4 + Color_R * (m_nLightWidth - i),
                              GetGValue(m_ButtonColor) * 0.4 + Color_G * (m_nLightWidth - i),
                              GetBValue(m_ButtonColor) * 0.4 + Color_B * (m_nLightWidth - i)));
            
            rcTitle = CRect(4, 2, m_rectClient.Width(), m_rectClient.Height());
        }
        else
        {
            pNewPen.DeleteObject();            
            pNewPen.CreatePen(PS_SOLID, 0, RGB(GetRValue(m_ButtonColor) * 0.4 + Color_R * i,
                              GetGValue(m_ButtonColor) * 0.4 + Color_G * i,
                              GetBValue(m_ButtonColor) * 0.4 + Color_B * i));    
            
        }

        pDC->SelectObject(&pNewPen);
        pDC->MoveTo(i + m_nBorderWidth, i + m_nBorderWidth);
        pDC->LineTo(i + m_nBorderWidth + m_rectClient.Width() - 2 * (i + m_nBorderWidth),
            i + m_nBorderWidth);
        pDC->LineTo(i + m_nBorderWidth + m_rectClient.Width() - 2 * (i + m_nBorderWidth),
            i + m_nBorderWidth + m_rectClient.Height() - 2 * (i + m_nBorderWidth));
        pDC->LineTo(i + m_nBorderWidth,
            i + m_nBorderWidth + m_rectClient.Height() - 2 * (i + m_nBorderWidth));
        pDC->LineTo(i + m_nBorderWidth, i + m_nBorderWidth);
    }
    
    //填充按钮
    pDC->FillSolidRect(m_nBorderWidth + m_nLightWidth,
        m_nBorderWidth + m_nLightWidth,
        m_rectClient.Width() - 2 * (m_nBorderWidth + m_nLightWidth) + 2,
        m_rectClient.Height() - 2 * (m_nBorderWidth + m_nLightWidth) + 2,
        m_ButtonColor);
    pDC->SelectObject(&pNewPen);
    
    //写降标题
    CFont pNewFont, *pOldFont;
    pNewFont.CreatePointFont(120, "Impat", pDC);
    pOldFont = (CFont *)pDC->SelectObject(&pNewFont);
    pDC->SetTextColor(RGB( 255, 255, 255));
    pDC->SetBkMode(TRANSPARENT);
    GetWindowText(m_strCaption, MAXNAMELENGTH);
    pDC->DrawText(m_strCaption, &rcTitle, DT_CENTER | DT_SINGLELINE | DT_VCENTER);
    
    //恢复设置
    pDC->SelectObject(pOldFont);
    pNewFont.DeleteObject();
    pDC->SelectObject(pOldPen);
    pNewPen.DeleteObject();
}

    使用方法：在要使用控件的界面上，将相关的控件变量定义成完成的控件变量对象，然后根据控件接口进行先关的参数设定就可以完成效果了。
    这里Led和按钮都采用同样的展现形式进行绘制，如果各位有更好或者更美观的实现方法可以在上面的基础上完成，也希望您能够将您的效果和源代码共享出来，希望能和我联系
QQ：5516853
EM：successq_g@163.com
正文完

欢迎访问最专业的网吧论坛,无盘论坛,网吧经营,网咖管理,网吧专业论坛 https://bbs.txwb.com

关注天下网吧微信/下载天下网吧APP/天下网吧小程序，一起来超精彩

本文来源：vczx 作者：佚名

相关文章
网吧抢座软件叫什么？几款网吧占座app介绍  网咖软件新奇，网吧陪玩app有哪些  教你在win10电脑禁止他人安装软件、游戏
网吧新手怎么选择无盘软件，无盘评测再决定  摇钱树计费软件帐号代扣功能的使用说明  摇钱树软件临时用户无法上机怎么办？
摇钱树软件网吧无线管理上网的方法  200台带机量网吧购买摇钱树软件价格  摇钱树软件购买注册的详细流程
怀念网吧游戏更新的穿透还原更新年代  
推荐专题 ┊ 更多专题..
 网吧卫生   网吧电脑配置   开网吧   网吧键盘   网吧配置   网吧GHOST   ROS   网吧软件故障解决   网众无盘   网吧游戏菜单   网吧活动   网吧优化   网吧精品   网吧新手
声明
声明：本站所发表的文章、评论及图片仅代表作者本人观点，与本站立场无关。若文章侵犯了您的相关权益，请及时与我们联系，我们会及时处理，感谢您对本站的支持！联系邮箱：support@txwb.com，系统开号，技术支持，服务联系QQ：1175525021本站所有有注明来源为天下网吧或天下网吧论坛的原创作品，各位转载时请注明来源链接！
天下网吧 网吧天下

推荐文章

网吧语音呼叫哪款好用？体验简约
免费绿色简单的网吧语音呼叫系统，天下网吧会员的经典作品，功能强大，使用简单，上手
解决网吧Steam登陆慢的批处理源码
本批处理是解决Steam登陆慢的问题专门编写。原理是修改hosts文件让相关域……

最新文章

又是一家疫情期间违规营业的网吧
之前天下网吧注意到相关的新闻并发布了预警内容提醒各位疫情期间请按相关规定操作。……
部分网吧英雄联盟卡顿现象持续，
自从3-31日英雄联盟停机更新维护以来，不少网吧在天下网吧上反映卡顿的问题。天……
  • 本周热门
  • 本月热门
  • 阅读排行
信息产业部备案
ICP备案号:渝ICP备20008032号-2

本站通过多款杀毒软件等安全工具检测无毒无害请大家放心浏览