MFC如何在树形图边上添加动态小地图

2023-11-07 07:20

本文主要是介绍MFC如何在树形图边上添加动态小地图,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

MFC如何在树形图边上添加动态小地图

https://www.jianshu.com/p/7b1d828bf5db (简书无法识别缩进的。。。早知道先在博客园发了)

(转载请注明出处)

作者:梦镜谷雨


萌新第一次写文章,请多多包涵。末尾附上相应代码(PS公司繁体系统所以部分注释繁体请别介意)。

第一次接触MFC时做的一个小项目上有做个树形图边上带小地图的需求。(IDE:VS2010)

大四刚实习时写的,当时网上没找到现成的,打算记录下来也算篇技术谈不上的思路吧。

快2019了打算开始试着以后多记录点东西,因为本人大学微电子专业不是软件方向想往这边发展的,代码里东西这时文章写到一半自己看着都感觉很糟糕(╯﹏╰),也算是记录个黑历史吧能实现功但糟糕就是糟糕。当时第一次学自绘没想着要写文章记录下来,参考了些网上教树形图自绘好像csdn看的但链接没记现在也忘了当时是参考哪一个了。在此感谢加抱歉。


一.思路:

Step1.自绘树形图控件(在树形图文字左边显示CImagelist里的图片)

Step2.创建个CBitmap动态保存需要的图片信息存入树形图关联的CImagelist中

二.最终效果(使用60*60符文3):

在画板上的改变(60*60符文3)能动态反映到左边树形图控件的对应项目(60*60符文3)上

三.重绘(我就多添加注释吧在注释里讲解。思路很简单):

1.创建个类CViewTree继承自CTreeCtrl

2.重载OnPaint使用双缓冲(防闪烁,双缓冲原理网上很多,后面创建小地图也是同个思路)

/*雙緩衝重繪樹形圖*/

void CViewTree::OnPaint()

{

    CLED_NEWDoc* pDoc =(CLED_NEWDoc*)((CMainFrame*)AfxGetApp()->GetMainWnd())->GetActiveDocument();//以为单文档工程有些东西存在doc里

    CPaintDC dc(this); // device context for painting

    // TODO: 重绘树形图控件

    // Do not call CTreeCtrl::OnPaint() for painting messages

    GetClientRect(&m_ClientRect);

    CBitmap bitmap;

    CDC MemeDc;

    MemeDc.CreateCompatibleDC(&dc);

    bitmap.CreateCompatibleBitmap(&dc, m_ClientRect.Width(), m_ClientRect.Height());

    CBitmap *pOldBitmap = MemeDc.SelectObject(&bitmap);

    //繪圖部分

    MemeDc.FillSolidRect(0, 0,m_ClientRect.Width(),m_ClientRect.Height(),RGB(255, 255, 255)); //填充背景

    if (pDoc->m_CsFileName != _T(""))//如果有打開文件則可以畫樹形圖

        DrawItem(&MemeDc);

    //繪圖部分

    dc.BitBlt( m_ClientRect.left, m_ClientRect.top, m_ClientRect.Width(), m_ClientRect.Height(), &MemeDc, 0, 0,SRCCOPY);

    MemeDc.SelectObject(pOldBitmap);

    MemeDc.DeleteDC();

}

3.画显示的项目

void CViewTree::DrawItem(CDC* pDc)

{

    CLED_NEWDoc* pDoc =(CLED_NEWDoc*)((CMainFrame*)AfxGetApp()->GetMainWnd())->GetActiveDocument();

 

    HTREEITEM currentItem;//当前的句柄

    DWORD    treeStyle;// 数的类型

    CRect    itemRect;//每一项的区域

    int      itemState;//某项的状态

    int itemImage;//圖片

    int     Open_num=0;

    int HScroll = GetScrollPos(SB_HORZ);

 

    CImageList* imagelist = GetImageList(TVSIL_NORMAL);

    treeStyle =:: GetWindowLong( m_hWnd, GWL_STYLE );

 

    currentItem = GetFirstVisibleItem();//获取第一个课可见的项

 

    //設置顯示字體

    static CFont font;

    font.DeleteObject();

    font.CreatePointFont(100, _T("新宋体"));

    pDc->SelectObject(&font);

 

    do //beginwhile ((currentItem=GetNextVisibleItem(currentItem)) != NULL);

    {

        Open_num++;

 

        //判斷是否為選擇狀態

        if (Open_num + GetScrollPos(SB_VERT) == ((CMainFrame*)AfxGetApp()->GetMainWnd())->m_wndMaskView.Select)//选中是第几个数存在MaskView的Select里

            pDc->SetBkColor(RGB(233,233,233));

        else

            pDc->SetBkColor(RGB(255,255,255));

        CRect   fillRect(0,itemRect.top,m_ClientRect.right,itemRect.bottom);//填背景用的后来没删

        itemState = GetItemState(currentItem,TVIF_STATE);

        //每一項的位置和圖片

        GetItemImage(currentItem,itemImage,itemImage);

        GetItemRect(currentItem,itemRect,FALSE);

        CPoint point;

        point.y = itemRect.top;

        point.x = itemRect.left-HScroll+(GetLevel(currentItem)-1)*42;//(以前写的时候多次用上的数字都没#define成英文。很糟糕,建议养成习惯)

 

        if (itemRect.top>m_ClientRect.bottom)  //说明这一项已超出窗口的边界

        {

            break;

        }

        if ( GetChildItem(currentItem) != NULL )

        {

            if (ItemHasChildren(currentItem))//有子項則畫上對應三角形圖標

            {

                if (itemState & TVIS_EXPANDED )

                {

                    imagelist->Draw(pDc,1,point,ILD_TRANSPARENT);

                }

                else

                {

                    imagelist->Draw(pDc,0,point,ILD_TRANSPARENT);

                }

            }

        }else{//無子項則畫上對應imagelist圖片

        //imagelist->Draw(pDc,3,point,ILD_TRANSPARENT);

        point.x = point.x + 50;

        imagelist->Draw(pDc,itemImage,point,ILD_TRANSPARENT);

        point.x = point.x - 50;

    }

    if ( GetLevel(currentItem) != 3 )//項目不為第三層就加藍色文件夾圖標

    {

        point.x = point.x + 42;

        point.y = point.y + 5;

        pDc->DrawIcon(point,AfxGetApp()->LoadIcon(IDI_ICON_PROJECT));//因為存imagelist無法有透明效果(现在这个能自己能花式解决吧。以前写的真糟糕,但是因为提供的是ICON资源载入到imagelist分辨率降了很多,看他只有一张于是就直接画了)

        point.x = point.x - 42;

        point.y = point.y - 5;

 

    }

    GetItemRect(currentItem,itemRect,TRUE);

    if (Open_num == ((CMainFrame*)AfxGetApp()->GetMainWnd())->m_wndMaskView.Rename && pDoc->m_bFlagRenameShow == TRUE);

    else

        pDc->TextOut(itemRect.left ,itemRect.top+itemRect.Height()/2-6,GetItemText(currentItem));//输出树形图的文字

    }while ((currentItem=GetNextVisibleItem(currentItem)) != NULL);

}//好了到此为止,以下不重要可以直接看四.

//现在忘了为什么加这个

BOOL CViewTree::OnWndMsg(UINT message, WPARAM wParam, LPARAM lParam, LRESULT* pResult)

{

    // TODO: Add your specialized code here and/or call the base class

    return CTreeCtrl::OnWndMsg(message, wParam, lParam, pResult);

}

//这个现在也忘记了为什么加了

BOOL CViewTree::OnNotify(WPARAM wParam, LPARAM lParam, LRESULT* pResult)

{

    BOOL bRes = CTreeCtrl::OnNotify(wParam, lParam, pResult);

 

    NMHDR* pNMHDR = (NMHDR*)lParam;

    ASSERT(pNMHDR != NULL);

 

    if (pNMHDR && pNMHDR->code == TTN_SHOW && GetToolTips() != NULL)

    {

        GetToolTips()->SetWindowPos(&wndTop, -1, -1, -1, -1, SWP_NOMOVE | SWP_NOACTIVATE | SWP_NOSIZE);

    }

 

    return bRes;

}

//不要擦除背景,会闪烁

BOOL CViewTree::OnEraseBkgnd(CDC* pDC)

{

    // TODO: Add your message handler code here and/or call default

    return TRUE;

}

//滚动时当然要刷新

void CViewTree::OnVScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)

{

    // TODO: Add your message handler code here and/or call default

    Invalidate();

    CTreeCtrl::OnVScroll(nSBCode, nPos, pScrollBar);

}

//搬的砖,放在里面方便用

int CViewTree::GetLevel(HTREEITEM inputTree)

{

    //獲得Item所在樹形圖層數

    HTREEITEM temp;

    temp = inputTree;

    int level = 0;

    while (temp != NULL)

    {

        temp = GetParentItem(temp);

        ++level;

    }

    return level;

}

四.创建CBitmap存入CImagelist(那时存class CMaskView : public CDockablePane):

创建自绘的树形图:CViewTree m_wndFileView;

创建图片列表:CImageList m_FileViewImages;

1.创建树形图

//vs创建单文档工程造着里面来就好了,树形图类相关操作msdn里面自查CTreeCtrl,添加删除重命名什么的网上很多就不写了

if (!m_wndFileView.Create(dwViewStyle, rectDummy, this, 4))

{

    TRACE0("Failed to create file view\n");

    return -1;      // fail to create

}//调整位置大小也是vs新建单文档工程时有悬浮窗就有看vs吧

2.创建图片并填充(在画树形图时每个项对应上Imagelist里的相应项就OK了)

void CMaskView::FillTreeImage()

{

/***********************///(和双缓冲同个思路,诶,现在看起来能写的简单整洁多的,怪当时理解不深,真糟糕)

    CLED_NEWDoc* pDoc =(CLED_NEWDoc*)((CMainFrame*)AfxGetApp()->GetMainWnd())->GetActiveDocument();

    CDC MemDC,MemDC2;

    CDC * pDC;

    CDC * pDC2;

    pDC =GetDC();

    pDC2=GetDC();

    HTREEITEM hItem;

    CBitmap bmp,bmp2;

 

    UINT nFlags = ILC_MASK;

 

    nFlags |= (theApp.m_bHiColorIcons) ? ILC_COLOR24 : ILC_COLOR4;

 

    m_imagelist.DeleteImageList();//清除图片列表

    m_imagelist.Create(m_iImageSize,m_iImageSize,nFlags,0,300);//创建图片列表

    //m_wndFileView.SetImageList(&pDoc->m_imagelist, TVSIL_NORMAL);

    MemDC.CreateCompatibleDC(pDC);

    bmp.CreateCompatibleBitmap(pDC,60,60);

    MemDC.SelectObject(&bmp);    

 

    MemDC2.CreateCompatibleDC(pDC2);

    bmp2.CreateCompatibleBitmap(pDC2,m_iImageSize,m_iImageSize);

    MemDC2.SelectObject(&bmp2);

 

    MemDC.FillSolidRect(0,0,pDoc->SymImage.m_Column,pDoc->SymImage.m_Row,RGB(255, 255, 255));

    /*/畫十字(未展開狀態圖標)

    MemDC2.FillSolidRect(0,0,m_iImageSize,m_iImageSize,RGB(255, 255, 255));

    MemDC2.FillSolidRect(m_iImageSize/2-10,m_iImageSize/2-1,20,2,RGB(0, 0, 0));

    MemDC2.FillSolidRect(m_iImageSize/2-1,m_iImageSize/2-10,2,20,RGB(0, 0, 0));

    m_imagelist.Add(&bmp2,RGB(255, 255, 255));

    */

 

    //90度直角三角形

    int start = m_iImageSize/3,end = m_iImageSize*2/3;

    int H = m_iImageSize/2,mid = m_iImageSize/2;

    int x,y;

    MemDC2.FillSolidRect(0,0,m_iImageSize,m_iImageSize,RGB(255, 255, 255));

    for (x = 0;x<m_iImageSize;x++)

        for (y = 0;y<m_iImageSize;y++)

            if(x>start && (x-start) < (y - mid + H/2) && -(x-start) > (y - mid - H/2))

                MemDC2.SetPixel(x,y,RGB(0, 0, 0));

    m_imagelist.Add(&bmp2,RGB(255, 255, 255));

 

    /*/畫減號(展開狀態圖標)

    MemDC2.FillSolidRect(0,0,m_iImageSize,m_iImageSize,RGB(255, 255, 255));

    MemDC2.FillSolidRect(m_iImageSize/2-10,m_iImageSize/2-1,20,2,RGB(0, 0, 0));

    m_imagelist.Add(&bmp2,RGB(255, 255, 255));

    */

 

    //135直角三角形

    MemDC2.FillSolidRect(0,0,m_iImageSize,m_iImageSize,RGB(255, 255, 255));

    for (x = 0;x<m_iImageSize;x++)

        for (y = 0;y<m_iImageSize;y++)

            if(x < mid + 7*H/20 && y < mid + 7*H/20 && -(x - mid - 7*H/20) < y - mid + 7*H/20)

                MemDC2.SetPixel(x,y,RGB(0, 0, 0));

    m_imagelist.Add(&bmp2,RGB(255, 255, 255));

    //涂白(未含有子顯圖標)

    MemDC2.FillSolidRect(0,0,m_iImageSize,m_iImageSize,RGB(255, 255, 255));

    m_imagelist.Add(&bmp2,RGB(255, 255, 255));

 

    HICON hIcon[2];

    hIcon[0] = AfxGetApp()->LoadIcon(IDI_ICON_FILE_SE);

    m_imagelist.Add(hIcon[0]);

 

    //bmp.LoadBitmapW(IDB_BITMAP_F1);

    hIcon[1] = AfxGetApp()->LoadIcon(IDI_ICON_PROJECT);

    m_imagelist.Add(hIcon[1]);

    //給樹形圖對應imagelist插入自畫的圖片并設置每個項的對應

    int n = 4;

    hItem = m_wndFileView.GetRootItem();

    hItem = m_wndFileView.GetChildItem(hItem);

    while (hItem != NULL)//几个判断判断是否是第3层,因为当时只有第三层需要小地图,扫描他们

    {

        if(m_wndFileView.GetChildItem(hItem) != NULL)

        {

            hItem = m_wndFileView.GetChildItem(hItem);

            while (hItem != NULL)

            {

                n++;

                CString name;

                name = m_wndFileView.GetItemText(hItem);

                CString ParentItemName = m_wndFileView.GetItemText(m_wndFileView.GetParentItem(hItem));

                if (ParentItemName == _T("5*8"))

                    pDoc->SymImage = pDoc->m_Array_List_Sym[pDoc->Finding_Sym_limit(name,5,8)];

                else if (ParentItemName == _T("16*16"))

                    pDoc->SymImage = pDoc->m_Array_List_Sym[pDoc->Finding_Sym_limit(name,16,16)];

                else if (ParentItemName == _T("32*32"))

                    pDoc->SymImage = pDoc->m_Array_List_Sym[pDoc->Finding_Sym_limit(name,32,32)];

                else if

                    (ParentItemName == _T("其他") || ParentItemName == _T("Other"))

                pDoc->SymImage = pDoc->m_Array_List_Sym[pDoc->Finding_Sym_for_another(name)];

 

                //給圖片刷新背景

                MemDC.FillSolidRect(0,0,pDoc->SymImage.m_Column,pDoc->SymImage.m_Row,pDoc->m_clrLedBK);

                //按點填充圖案

                for (x = 0;x<pDoc->SymImage.m_Column;x++)

                    for (y = 0;y<pDoc->SymImage.m_Row;y++)

                        if (pDoc->SymImage.led_data[x][y] == TRUE)

                            MemDC.SetPixel(x,y,pDoc->m_clrLed);//(根据已知信息绘制图,MemDC可以存其他图片,当时对CDC这些也理解不深)

                MemDC2.StretchBlt(1,1,m_iImageSize-2,m_iImageSize-2,&MemDC,0,0,pDoc->SymImage.m_Column,pDoc->SymImage.m_Row,SRCCOPY);//缩放保存到MemDC2里,StretchBlt可能有失真

                m_imagelist.Add(&bmp2,RGB(255,255,255));//添加到图片列表

                m_wndFileView.SetItemImage(hItem,n,n);//设置对应图片

                if (m_wndFileView.GetNextSiblingItem(hItem) == NULL)

                    break;

                else

                    hItem = m_wndFileView.GetNextSiblingItem(hItem);

                }//endwhile (hItem != NULL)

            hItem = m_wndFileView.GetParentItem(hItem);

            }

        hItem = m_wndFileView.GetNextSiblingItem(hItem);

        }//endwhile (hItem != NULL)

    MemDC2.FillSolidRect(0,0,m_iImageSize,m_iImageSize,RGB(255, 255, 255));

    m_imagelist.Add(&bmp2,RGB(0, 0, 0));

    m_wndFileView.SetImageList(&m_imagelist, TVSIL_NORMAL);//关联图片列表

    ::ReleaseDC(this->m_hWnd, MemDC);

    ::ReleaseDC(this->m_hWnd, MemDC2);

    /***********************************/

}

 

//就这样,树形图子项要对应的图片存到关联的CImagelist里,小地图需要变化时替换CImagelist里对应的项然后再刷新树形图就可以实现树形图旁边带着的小地图动态变换了。

五.结语:

    这时写文章回顾这个代码写的真的很糟糕(负能量代码,抱歉),只是实现了功能。在博客园还是哪个地方看了篇技术观念的文章,嗯,深耕技术(这个词很喜欢)。希望未来我们都能做喜欢干的事情吧(希望终有一天能成为谷雨大神或雨神吧,嗯,希望),这算是记录下当时的思路(黑历史)的处女作吧,见谅。

转载于:https://www.cnblogs.com/MJGY/p/10198494.html

这篇关于MFC如何在树形图边上添加动态小地图的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/362094

相关文章

C#如何动态创建Label,及动态label事件

《C#如何动态创建Label,及动态label事件》:本文主要介绍C#如何动态创建Label,及动态label事件,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#如何动态创建Label,及动态label事件第一点:switch中的生成我们的label事件接着,

SpringCloud动态配置注解@RefreshScope与@Component的深度解析

《SpringCloud动态配置注解@RefreshScope与@Component的深度解析》在现代微服务架构中,动态配置管理是一个关键需求,本文将为大家介绍SpringCloud中相关的注解@Re... 目录引言1. @RefreshScope 的作用与原理1.1 什么是 @RefreshScope1.

MyBatis 动态 SQL 优化之标签的实战与技巧(常见用法)

《MyBatis动态SQL优化之标签的实战与技巧(常见用法)》本文通过详细的示例和实际应用场景,介绍了如何有效利用这些标签来优化MyBatis配置,提升开发效率,确保SQL的高效执行和安全性,感... 目录动态SQL详解一、动态SQL的核心概念1.1 什么是动态SQL?1.2 动态SQL的优点1.3 动态S

使用Folium在Python中进行地图可视化的操作指南

《使用Folium在Python中进行地图可视化的操作指南》在数据分析和可视化领域,地图可视化是一项非常重要的技能,它能够帮助我们更直观地理解和展示地理空间数据,Folium是一个基于Python的地... 目录引言一、Folium简介与安装1. Folium简介2. 安装Folium二、基础使用1. 创建

mybatis-plus 实现查询表名动态修改的示例代码

《mybatis-plus实现查询表名动态修改的示例代码》通过MyBatis-Plus实现表名的动态替换,根据配置或入参选择不同的表,本文主要介绍了mybatis-plus实现查询表名动态修改的示... 目录实现数据库初始化依赖包配置读取类设置 myBATis-plus 插件测试通过 mybatis-plu

基于Canvas的Html5多时区动态时钟实战代码

《基于Canvas的Html5多时区动态时钟实战代码》:本文主要介绍了如何使用Canvas在HTML5上实现一个多时区动态时钟的web展示,通过Canvas的API,可以绘制出6个不同城市的时钟,并且这些时钟可以动态转动,每个时钟上都会标注出对应的24小时制时间,详细内容请阅读本文,希望能对你有所帮助...

Vue中动态权限到按钮的完整实现方案详解

《Vue中动态权限到按钮的完整实现方案详解》这篇文章主要为大家详细介绍了Vue如何在现有方案的基础上加入对路由的增、删、改、查权限控制,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、数据库设计扩展1.1 修改路由表(routes)1.2 修改角色与路由权限表(role_routes)二、后端接口设计

前端 CSS 动态设置样式::class、:style 等技巧(推荐)

《前端CSS动态设置样式::class、:style等技巧(推荐)》:本文主要介绍了Vue.js中动态绑定类名和内联样式的两种方法:对象语法和数组语法,通过对象语法,可以根据条件动态切换类名或样式;通过数组语法,可以同时绑定多个类名或样式,此外,还可以结合计算属性来生成复杂的类名或样式对象,详细内容请阅读本文,希望能对你有所帮助...

Nginx实现动态封禁IP的步骤指南

《Nginx实现动态封禁IP的步骤指南》在日常的生产环境中,网站可能会遭遇恶意请求、DDoS攻击或其他有害的访问行为,为了应对这些情况,动态封禁IP是一项十分重要的安全策略,本篇博客将介绍如何通过NG... 目录1、简述2、实现方式3、使用 fail2ban 动态封禁3.1 安装 fail2ban3.2 配

Vue3中的动态组件详解

《Vue3中的动态组件详解》本文介绍了Vue3中的动态组件,通过`component:is=动态组件名或组件对象/component`来实现根据条件动态渲染不同的组件,此外,还提到了使用`markRa... 目录vue3动态组件动态组件的基本使用第一种写法第二种写法性能优化解决方法总结Vue3动态组件动态