代码改变世界

MFC:如何让对话框中的控件和对话框一起变小变大

  愤怒的青蛙  阅读(2967)  评论(1编辑  收藏  举报

转载自: 麦兜响当当

 一个基于对话框的MFC界面,怎么样才能让对话框里的控件能和对话框同比例变小变大?今天我一直想解决这个问题,这是师姐留给我的任务。经过在网上的大量搜素,终于找到了解决方法,其实比较简单。

   一般情况下,我们新建的对话框,里面的“确定”和:取消”按钮,在对话框最大化得时候,不会一起变大的,而是保持原来的大小。

   最简单的情况:

当我们点击最大化按钮的时候,对话框会最大化,但是控件“确定”和“取消”不会跟着变大。如果我们在对话框上面有多少控件,那么会很丑,而且很不实用,最大化本来就是想看的更清楚嘛。

   我们可以采取下面的措施:对话框也是窗口,最大化是对窗口大小的改变,而在windows message handle中有个WM_SIZE的消息,该消息在窗口大小发生变化的时候会产生。那么我们可以根据这个消息,在窗口大小发生变化的时候,利用MoveWindow()函数来重新设置各个控件的大小。

   还是以上面最简单的情况为例子:

  首先要知道对话框大小是否改变,改变了多少,我们应该记录当前对话框的大小。

    在对话框类中添加成员变量 CRect m_rect  他是用来记录当前对话框的大小。我们在OnInitDialog()函数中获取对话框创建时的大小:GetClientRect(&m_rect);

   (这里要注意,如果在对话框没有生成前使用GetClientRect(&m_rect)是会报错的,貌似是断言错误,我不知道怎么解决,就使用一个比较笨的方法,在对话框显示出来后手动的再更新这个大小)

 2 增加消息WM_SIZE的消息响应函数 OnSize():只要对话框大小发生变化,就会调用该函数。

 3 在OnSize()函数中增加如下代码:(最简单的为例子,就一个确定按钮和取消按钮)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
void CLayerItemProDlg::OnSize(UINT nType, int cx, int cy)
{
    CDialogEx::OnSize(nType, cx, cy);
 
    // TODO: Add your message handler code here
    CWnd *pWnd;
    CWnd *pChild;
    pWnd = GetDlgItem(IDC_MSFLEXGRID_PROPERTY); 
    if (pWnd)
    {
        CRect rect;
        pWnd->GetWindowRect(&rect);
        ScreenToClient(&rect);//将控件大小转换为在对话框中的区域坐标
        //cx/m_rect.Width()为对话框在横向的变化比例
 
        rect.left=rect.left*cx/m_rect.Width();//调整控件大小
        rect.right=rect.right*cx/m_rect.Width();
        rect.top=rect.top*cy/m_rect.Height();
        rect.bottom=rect.bottom*cy/m_rect.Height();
        pWnd->MoveWindow(rect);//设置控件大小
    }
    GetClientRect(&m_rect);
}

然后运行 ,当对话框最大化的时候,两个按钮也变大了。

PS:其实这种方法实现起来简单,但是是存在问题的,如果界面有很多控件,那个当你拖拽窗口的角的时候,经过几次变大变小,你会发现其实里面的控件已经失真了,就不是原来的长宽比例了。那么要实现不管窗口怎么变,里面的控件不但大小跟着变,而且大小比例也跟着变,那就不是这个OnSize函数那么简单了,实现起来有点复杂。等我掌握了这个复杂的方法,一定会拿来分享的。

编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示