VC++学习笔记 three-day 对话框、常用控件和图片路径问题

第三天 对话框、常用控件
一、对话框
1）模态对话框
    a)资源视图 ->Dialog -> 右击 -> 插入Dialog
    b)创建对话框对象 CDialog
    c)以模态方式运行 CDialog::DoModal
2）非模态对话框
    a)资源视图 ->Dialog -> 右击 -> 插入Dialog
    b)创建对话框对象，需要在 .h 的地方声明为成员变量 CDialog
    c)创建对话框（在构造函数或OnCreate(), 目的只创建一次）CDialog::Create
    d)显示窗口 CWnd::ShowWindow
3）自定义对话框类（重要）
     a)资源视图 ->Dialog -> 右击 -> 插入Dialog
     b)点击对话框模板 -> 右击 -> 添加类
     c)多出来一个自定义的类， .h 类中有个枚举和对话框关联 enum{IDD=IDD_DIALOG2}

二、基于对话框（控件）编程
1）基于对话框应用程序框架
     a)应用程序类：继承于 CWinApp
         InitInstance()：程序入口地址
     b)对话框类：继承于 CDialogEx
         OnInitDialog()：对话框的初始化工作
         DoDataExchange()：控件和变量的关联和交换

三、常用控件
1）静态控件CStatic（Qt中的标签QLable）
     显示一些文字信息
     a)Caption：修改显示内容
     b)ID：xxx_STATIC，静态ID，不响应任何消息（事件）
2）按钮CButton
     a)Caption：修改显示内容
     b)处理消息：BN_CLICKED，用户点击按钮自动触发
         Ⅰ)属性 -> 控制事件 -> 选择所需事件
         Ⅱ)双击按钮，自动生成消息处理函数
     
3）逃跑按钮（类似Qt提升）
     a)自定义按钮类（这里类名取得MyButton），继承于CButton
       选择类视图最开始的文件夹 -> 右击 -> 添加类 -> MFC -> MFC类
         Ⅰ)处理鼠标移动消息 WM_MOUSEMOVE
         Ⅱ)获取父窗口指针 CWnd::GetParent
         Ⅲ)获取父窗口客户区域的范围 CWnd::GetClientRect
         Ⅳ)获取按钮的范围 CWnd::GetWindowRect
         Ⅴ)产生随机坐标 rand()%w
         Ⅵ)移动按钮的位置 Cwnd::MoveWindow
     b)变量关联
       选中按钮 -> 右击 -> 添加变量 -> 变量类型：MyButton ->变量：button
       最终，button和我们所选中的按钮关联成功，操作button，相当于操作ui上的按钮（Qt的提升）
     c)为按钮设置位图
         Ⅰ)按钮属性：Bitmap -> True
         Ⅱ)在对话框类中 OnInitDialog() 做如下处理
              a)创建位图模板
              b)创建位图对象 CBitmap
              c)加载位图资源 CBitmap::LoadBitmap
              d)按钮设置位图 CButton::SetBitmap
              e)获取图片大小 CBitmap::GetBitmap
              f)重新设置按钮大小（图片和按钮大小一致） CWnd::MoveWindow
4）编辑框CEdit
     a)关联类别：Value，Control
         Ⅰ)Value：标准普通是数据类型，比如CString 
              关联变量和控件数据的交互更新
              a)把编辑区的内容更新到str中 ，也就是取出编辑框内的内容  UpdateDate(TRUE)
              b)把str的内容更新到编辑区中，即将内容更新到编辑框内来显示  UpdateDate(FALSE)
         Ⅱ)Control：控件类型
              控件类型的对象即为ui上的控件
     b)常用属性设置
         Ⅰ)Number -> True 只能输入数字
         Ⅱ)Password -> True 密码模式
         Ⅲ)Want return ->True 接受回车键，自动换行，只有在多行模式下才能换行
         Ⅳ)MultiLine -> True 多行模式
         Ⅴ)Auto VScroll -> True
            Vertical Scroll -> True 当垂直方向字符太多，自动出现滚动条
         Ⅵ)Read Only -> True 只读
     c)复制小案例
       关联Control，控件类型，智能关联一次
         Ⅰ)获取编辑区内容 CWnd::GetWindowText
         Ⅱ)设置编辑区内容 CWnd::SetWindowText
         Ⅲ)关闭对话框窗口
             CDialog::OnOK();
             CDialog::OnCancle();
5）单选框、复选框（特殊的CButton，没有单选框、复选框类型） 
     a) 单选框
         Ⅰ)属性设置：顺序排放 ctrl+D 查看
         Ⅱ)同组第一个按钮 Group 设置为TRUE
         Ⅲ)初始化单选框 CWnd::CheckRadioButton
         Ⅳ)按钮是否按下 CWnd::IsDlgButtonChecked
        
     b)复选框
         Ⅰ)常关联变量 BOOL UpdateDate(TRUE),UpdateDate(FALSE);
         Ⅱ)设置按钮选择状态 CButton::SetCheck
         Ⅲ)获取按钮选择状态 CButton::GetCheck
6）列表框CListBox
     a)给列表框添加一个字符串 CListBox::AddString
     b)选中列表框某一项，自动触发事件：LBN_SELCHANGE
         Ⅰ)获取当前选中项 CListBox::GetCurSel
         Ⅱ)获取指定位置的内容 CListBox::GetText
     c)删除指定位置的字符串 CListBox::DeleteString
     d)在指定位置插入字符 CListBox::InsertString
7）组合框（下拉框）CComboBox
     a)获取内容：CComboBox::GetLBText
         其他接口和CListBox 的用法几乎一样
     b)属性设置
         Ⅰ)data：设置内容，不同内容间用英文的分号“;”分隔
         Ⅱ)type

8）滚动条CScrollBar
     a)设置给定滚动条的最小和最大位置：CScrollBar::SetScrollRange
     b)获取一个滚动框的当前位置：CScrollBar::GetScrollPos
     c)设置一个滚动框的当前位置：CScrollBar::SetScrollPos
     d)处理滚动条的时间，不是在滚动条控件本身处理，是在滚动条所属的父窗口处理（对话框类）
          处理信号：WM_HSCROLL
     e)滚动条位置关系
         switch (nSBCode)//判断点的滚动条的哪一部分
        {
        //移动滑块
        case SB_THUMBPOSITION: {
            m_sb.SetScrollPos(nPos);
            m_pos = nPos;
            UpdateData(FALSE);
            break;
        }
     //点左边箭头
        case SB_LINELEFT: {
            //因为nPos点击滑块才有效，所以这里不能用它
            tmpPos = m_sb.GetScrollPos() - 5;
            if (tmpPos<0) {
                tmpPos = 0;
            }
            m_sb.SetScrollPos(tmpPos);
            m_pos = tmpPos;
            UpdateData(FALSE);
            break;
        }
    //点右边箭头
        case SB_LINERIGHT: {

            tmpPos = m_sb.GetScrollPos() + 5;
            if (tmpPos >100) {
                tmpPos = 100;
            }
            m_sb.SetScrollPos(tmpPos);
            m_pos = tmpPos;
            UpdateData(FALSE);
            break;
        }
        //点箭头和滑块的右边
        case SB_PAGERIGHT: {

            tmpPos = m_sb.GetScrollPos() +10;
            if (tmpPos > 100) {
                tmpPos = 100;
            }
            m_sb.SetScrollPos(tmpPos);
            m_pos = tmpPos;
            UpdateData(FALSE);
            break;
        }
     //点箭头和滑块的左边
        case SB_PAGELEFT: {

            tmpPos = m_sb.GetScrollPos()- 10;
            if (tmpPos <00) {
                tmpPos = 0;
            }
            m_sb.SetScrollPos(tmpPos);
            m_pos = tmpPos;
            UpdateData(FALSE);
            break;
        }
     
9）微调（旋转）按钮SpinControl的使用
     a)属性设置 
         Auto Buddy -> True
         Set buddy integer -> True
     b)微调（旋转）按钮的顺序比伙伴大1（ctrl+D查看）
10）列表视图控件ClistCtrl
     a)属性设置 view -> Report（报表方式）
     b)常用接口
         Ⅰ)设置列表风格 CListCtrl::SetExtendStyle
              LVS_EX_GRIDLINES 网格
              LVS_EX_FULLROWSELECT  选择整行
              具体有哪些风格可以通过MSDN查看
         Ⅱ)获取列表风格 CListCtrl::GetExtendStyle
               m_listCtrl.SetExtendedStyle(m_listCtrl.GetExtendedStyle()| LVS_EX_GRIDLINES| LVS_EX_FULLROWSELECT);
                具体有哪些风格可以通过MSDN查看
         Ⅲ)插入某列 CListCtrl::InsertColumn
         Ⅳ)字符串格式化
             CString str;
             str.Format(_T("张三_%d"),i);             
         Ⅴ)插入新项后，才能设置子项内容
             a)插入新项（确定第几行）CListCtrl::InsertItem 
             b)设置子项内容（设置第几列）CListCtrl::SetItemText
             

11）树视图控件      
     a)常用属性设置 
         has buttons -> true
         has lines -> true
         lines at root -> true
     b)写代码流程
         Ⅰ)加载自定义图标
             a)获取应用程序对象指针 AfxGetApp()
             b)加载自定义图标 CWinApp::LoadIcon
         Ⅱ)创建图像列表
             a).h 文件类中定义图形列表（CImageList）对象
             b)创建图像列表 CImageList::Create
             c)图像列表追加图标 CImageList::Add
         Ⅲ)设置图形状态列表 CTreeCtrl::SetImageList
         Ⅳ)插入节点 CTreeCtrl::InsertItem
         Ⅴ)设置默认选中项 CTreeCtrl::SelectItem

以下是示例代码：

//加载图标
    HICON icon[4];
    icon[0] = AfxGetApp()->LoadIconW(IDI_ICON1);
    icon[1] = AfxGetApp()->LoadIconW(IDI_ICON2);
    icon[2] = AfxGetApp()->LoadIconW(IDI_ICON3);
    icon[3] = AfxGetApp()->LoadIconW(IDI_ICON4);

    //创建图像列表，程序运行完毕不能释放
    //30,30:图片的宽度和高度
    //ILC_COLOR32：样式
    //4,4有多少图片写多少
    imageList.Create(30,30,ILC_COLOR32,4,4);

    //给图像列表加载图片
    for (int i = 0; i < 4;i++) {
        //图像列表加载图标
        imageList.Add(icon[i]);
    }
    
    //树控件列表设置图片
    m_treeCtrl.SetImageList(&imageList,TVSIL_NORMAL);

    //给树创建结点
    //根节点、父节点、子节点
    //0,0：点之前的图片 和 点之后的图片
    //NULL：父节点
    HTREEITEM root = m_treeCtrl.InsertItem(TEXT("根节点"),0,0,NULL);

    HTREEITEM father = m_treeCtrl.InsertItem(TEXT("父节点"), 1, 1, root);

    HTREEITEM son1 = m_treeCtrl.InsertItem(TEXT("子节点1"), 2, 2, father);

    HTREEITEM son2 = m_treeCtrl.InsertItem(TEXT("子节点2"), 3, 3, father);

    HTREEITEM root1 = m_treeCtrl.InsertItem(TEXT("根节点1"), 0, 0, NULL);

    HTREEITEM father1 = m_treeCtrl.InsertItem(TEXT("父节点1"), 1, 1, root1);

    HTREEITEM son11 = m_treeCtrl.InsertItem(TEXT("子节点11"), 2, 2, father1);

    HTREEITEM son21 = m_treeCtrl.InsertItem(TEXT("子节点21"), 3, 3, father1);

    //设置某个结点被选中
    m_treeCtrl.SelectItem(father);

    return TRUE;  // 除非将焦点设置到控件，否则返回 TRUE

12）标签控件 CTabCtrl     
     Ⅰ)在ui工具箱拖放 Tab Control
     Ⅱ)把 TabSheet.cpp 和 TabSheet.h 放在项目文件同级目录，并且添加到工程目录中
             千万别忘了stdafx.h也填进去，这就是个坑啊！！
     Ⅲ)给ui上 Tab Control关联 Control 类型成员变量（变量类型为CTabSheet）
     Ⅳ)CTabSheet对象添加对话框
         a)资源视图 -> Dialog -> 右击 -> 插入Dialog
         b) 设置相应属性
             Style -> Child(子窗口)
             Border -> None(无边框)
         c)自定义类：点击对话框模板 -> 右击 -> 添加类
         d)主对话框类 .h中，定义自定义类对象
         e)主对话框类中 OnInitDialog() 做初始化工作
         f)CTabSheet 添加对话框 CTabSheet::AddPage()
              tmp.AddPage(_T("shezhi"),&t1,tab1);
              //tmp：CTabSheet对象
              //t1：需要添加的对话框对象
              //tab1：对话框ID
         g)显示窗口：CTabSheet::Show()
   
13）图片路径问题
     a)将图片放在代码文件下（跟代码放在一起）
        当前路径：./xx.bmp
        出现问题：编译的时候没问题，编译的时候是相对于代码，当前路径下有图片；
                  运行可执行程序的时候，当前路径下没有图片，图片不显示
     b)将图片放在可执行程序文件下（和可执行程序在一起）
        当前路径：./xx.bmp
        出现问题：编译的时候不显示图片，运行可执行程序时没问题
        
     c)将图片放在工程下
        相对路径：../xx.bmp
        无论是工程（代码）还是运行可执行程序，都是相对路径，算是一个平衡