可伸缩对话框的实现方法一

转载地址：http://frank-feng.blog.sohu.com/120602414.html

在Windows提供的“画图”程序中，点击颜色菜单下的“编辑颜色”菜单项，会出现如下图所示的对话框。

    这个对话框有点特别——当您点击“规定自定义颜色”按钮时，它会自动伸长一截，扩展成下图所示的样子。

 

    这个功能在我们自己编写的程序中，有时候也会用到的。比如说，我们经常通过对话框来查看/设定一些参数，但这些参数只有一部分是重要的或经常变化的，而另一部分则不那么重要或很少变化的。所以，通常情况下显示“简化版”的对话框用来设置最常用的参数，需要的时候再显示“完整版”的对话框用来设置全部的参数，是一个不错的选择。这样，可以在不损失对话框应有功能的前提下，使得程序界面更为干净整洁。同时，程序会显得更人性化、更智能，更体贴。

   那么，如何来实现这种可伸缩的对话框呢？

1 实现方法

    当然，可能有多种方法来实现它。比如，两个对话框同时存在，但同时只显示一个的方法；比如，初始的对话框就是“简化版”的对话框，然后在需要显示“扩展元素”时，通过动态创建来添加控件的方法。显然，第一种方法会占用较多的资源，还需要解决数据的同步问题；第二种方法在编写代码时会比较繁琐和麻烦。

    所以，大家通常采用“犹抱琵琶半遮面”的方法。即利用资源编辑器先将“完整版”的对话框做好，并把“简化版”的部分放在指定的区域（通常是左边或上边）。在需要显示“简化版”的时候，通过SetWindowPos函数来调整窗口（对话框是一种特殊的窗口）的大小，从而只显示指定的部分。

2 简单实例

    1）利用AppWizard建立一个名为Test的单文档工程，新建一个对话框，将OK、Cancel按钮移到左下方。插入一个新按钮（Caption：<<收缩，ID：IDC_BTN_DEMO），插入一个图像控件，将其拉成如下图所示的一条直线。在它的属性页中，将其ID改为：IDC_SEPARATOR，打开Style选项卡，选中Sunken，使其呈现为下凹状态。

     2）建立对话框对应的类CDlgShrink，并添加IDC_BTN_DEMO按钮的响应函数，代码如下：

void CDlgShrink::OnBtnDemo()

{

         // TODO: Add your control notification handler code here

         CString str;

          //获得按钮文本

         GetDlgItemText(IDC_BTN_DEMO,str);

          if(str=="<<收缩")

         {

                  //设置按钮文本

                   SetDlgItemText(IDC_BTN_DEMO,"扩展>>");

         }

         else

         {

                   SetDlgItemText(IDC_BTN_DEMO,"<<收缩");

         }

          //两个静态变量，存储对话框尺寸信息

         static CRect rectLarge;

         static CRect rectSmall;

          //如果还没有填充数值

         if(rectLarge.IsRectNull())

         {

                   CRect rectSeparator;

                   //获取完整对话框位置参数

                   GetWindowRect(&rectLarge);

                   //获取图像控件的位置参数（有用的是right）

                   GetDlgItem(IDC_SEPARATOR)->GetWindowRect(&rectSeparator);

                   rectSmall.left=rectLarge.left;

                   rectSmall.top=rectLarge.top;

                   rectSmall.right=rectSeparator.right;//替换新值

                   rectSmall.bottom=rectLarge.bottom;

         }

         if(str=="<<收缩")

         {

                  //显示“简化版”对话框

                   SetWindowPos(NULL,0,0,rectSmall.Width(),rectSmall.Height(),

                            SWP_NOMOVE|SWP_NOZORDER);

         }

         else

         {

                   //显示“完整版”对话框

                   SetWindowPos(NULL,0,0,rectLarge.Width(),rectLarge.Height(),

                            SWP_NOMOVE|SWP_NOZORDER);

         }

}

     3）在主菜单中添加Test菜单，并添加“测试”菜单项（ID：IDM_DEMO），建立其在View类中的响应函数OnDemo，代码如下：

void CTestView::OnDemo()

{

         // TODO: Add your command handler code here

         CDlgShrink dlg;

         dlg.DoModal();

}

     编译后运行，点击“测试”菜单项，显示如下图所示的对话框。

  

    点击“收缩”按钮，则显示的对话框缩小到左半边（如下图所示）。

       完整版的对话中，有一条凹陷下去的线是不是很扎眼？没关系，编辑图像控件的属性，去掉“visible”选项即可。重新生成的对话框如下图所示。至此，可伸缩对画框的基本功能就已经实现了，我们可以在对话中添加其他的控件以实现我们需要的其他功能。

 

注：以上实现过程参考了孙鑫老师《VC++深入详解》中的代码。