Visual Studio 2017 MFC控件 - Button按钮

Visual Studio 2017 MFC控件 - Button按钮

本文使用环境Visual Studio 2017

文章目录

一、创建项目二、添加按钮并完成功能1.添加组件2.设置属性3.添加变量4.添加点击事件

三、其它常用功能1. 代码2.效果3.整体代码

一、创建项目

按照第一篇文章《Visual Studio 2017安装MFC相关组件并新建MFC初始化项目》进行创建。

二、添加按钮并完成功能

1.添加组件

在项目的“资源视图”中点开“项目名.rc”,点开其中的“DIalog”,双击选择主题窗口可视化文件,例如图中“IDD_MFCAPPLICATION1_DIALOG”。从图中右侧“对话框编辑器”中选择Button,并拖拽至对话框中所需位置。

2.设置属性

在视图界面中单击刚刚拖入的按钮后,选择“属性”,其中Caption为按钮内显示的内容,图中为Test;ID为该按钮在项目中的唯一标识,可进行修改,图中修改为“IDC_BUTTON_TEST”。

3.添加变量

在视图界面中右键按钮,选择“添加变量”。 在弹出的对话框中,输入变量名称,点击“完成” 在对应窗口的.h文件的public中,会多出按钮变量的定义:

// MFCApplication1Dlg.h: 头文件

#pragma once

// CMFCApplication1Dlg 对话框

class CMFCApplication1Dlg : public CDialogEx

{

// 构造

public:

CMFCApplication1Dlg(CWnd* pParent = nullptr); // 标准构造函数

// 对话框数据

#ifdef AFX_DESIGN_TIME

enum { IDD = IDD_MFCAPPLICATION1_DIALOG };

#endif

protected:

virtual void DoDataExchange(CDataExchange* pDX); // DDX/DDV 支持

// 实现

protected:

HICON m_hIcon;

// 生成的消息映射函数

virtual BOOL OnInitDialog();

afx_msg void OnSysCommand(UINT nID, LPARAM lParam);

afx_msg void OnPaint();

afx_msg HCURSOR OnQueryDragIcon();

DECLARE_MESSAGE_MAP()

/* ↓↓↓添加变量自动生成的内容,CButton变量↓↓↓ */

public:

CButton m_btnTest;

/* ↑↑↑添加变量自动生成的内容,CButton变量↑↑↑ */

};

在对应窗口的.cpp文件的DoDataExchange中会多出绑定:

void CMFCApplication1Dlg::DoDataExchange(CDataExchange* pDX)

{

CDialogEx::DoDataExchange(pDX);

/* ↓↓↓添加变量时自动添加的绑定内容,将ID与变量进行绑定。↓↓↓ */

DDX_Control(pDX, IDC_BUTTON_TEST, m_btnTest); //控制绑定

/* ↑↑↑添加变量时自动添加的绑定内容,将ID与变量进行绑定。↑↑↑ */

}

除此种添加方法之外,也可以不用右键点击试图界面种的按钮选择“添加变量”,可以直接在程序中添加变量声明和绑定ID和变量即可完成变量定义。

4.添加点击事件

方法一:在视图界面中右键按钮,选择“添加时间处理程序”,在弹出的对话框中,消息类型选择“BN_CLICKED”。 方法二: 在视图界面中直接双击按钮。

以上两种方法均可完成点击时间的声明。 完成后,在对应窗口的.h文件的public中,会多出点击事件处理函数的定义:

public:

CButton m_btnTest;

/* ↓↓↓自动生成的内容,OnBnClickedButtonTest函数↓↓↓ */

afx_msg void OnBnClickedButtonTest();

/* ↑↑↑自动生成的内容,OnBnClickedButtonTest函数↑↑↑ */

在对应窗口的.cpp文件的事件列表中会多出绑定:

BEGIN_MESSAGE_MAP(CMFCApplication1Dlg, CDialogEx)

ON_WM_SYSCOMMAND()

ON_WM_PAINT()

ON_WM_QUERYDRAGICON()

/* ↓↓↓自动生成的内容,绑定IDC_BUTTON_TEST的点击事件处理函数↓↓↓ */

ON_BN_CLICKED(IDC_BUTTON_TEST, &CMFCApplication1Dlg::OnBnClickedButtonTest)

/* ↑↑↑自动生成的内容,绑定IDC_BUTTON_TEST的点击事件处理函数↑↑↑ */

END_MESSAGE_MAP()

在对应窗口的.cpp文件中会多出新定义的函数实现:

void CMFCApplication1Dlg::OnBnClickedButtonTest()

{

// TODO: 在此添加控件通知处理程序代码

}

这时,我们可以在OnBnClickedButtonTest函数中完成我们所需要的内容,如单出一个对话框,显示“我是一个Test按钮”。代码如下:

void CMFCApplication1Dlg::OnBnClickedButtonTest()

{

// TODO: 在此添加控件通知处理程序代码

MessageBox(_T("我是一个Test按钮"));

}

删除视图中的“TODO:……”后,运行程序,效果如图:

三、其它常用功能

除此之外,其它常用功能还有显示,隐藏,禁用,可用,修改文本等。让我们多添加几个按钮。

1. 代码

在.h中声明变量和点击事件处理函数:

CButton m_btn_disable;

CButton m_btn_enable;

CButton m_btn_showAN;

CButton m_btn_showTEST;

CButton m_btn_hide;

CButton m_btn_appear;

afx_msg void OnBnClickedButtonDisable();

afx_msg void OnBnClickedButtonEnable();

afx_msg void OnBnClickedButtonShowAn();

afx_msg void OnBnClickedButtonShowTest();

afx_msg void OnBnClickedButtonHide();

afx_msg void OnBnClickedButtonAppear();

在.cpp中绑定变量和对应组件ID:

void CMFCApplication1Dlg::DoDataExchange(CDataExchange* pDX)

{

CDialogEx::DoDataExchange(pDX);

DDX_Control(pDX, IDC_BUTTON_TEST, m_btnTest);

DDX_Control(pDX, IDC_BUTTON_DISABLE, m_btn_disable);

DDX_Control(pDX, IDC_BUTTON_ENABLE, m_btn_enable);

DDX_Control(pDX, IDC_BUTTON_SHOW_AN, m_btn_showAN);

DDX_Control(pDX, IDC_BUTTON_SHOW_TEST, m_btn_showTEST);

DDX_Control(pDX, IDC_BUTTON_HIDE, m_btn_hide);

DDX_Control(pDX, IDC_BUTTON_APPEAR, m_btn_appear);

}

在.cpp中绑定对应ID按钮的点击事件函数

BEGIN_MESSAGE_MAP(CMFCApplication1Dlg, CDialogEx)

ON_WM_SYSCOMMAND()

ON_WM_PAINT()

ON_WM_QUERYDRAGICON()

ON_BN_CLICKED(IDC_BUTTON_TEST, &CMFCApplication1Dlg::OnBnClickedButtonTest)

ON_BN_CLICKED(IDC_BUTTON_DISABLE, &CMFCApplication1Dlg::OnBnClickedButtonDisable)

ON_BN_CLICKED(IDC_BUTTON_ENABLE, &CMFCApplication1Dlg::OnBnClickedButtonEnable)

ON_BN_CLICKED(IDC_BUTTON_SHOW_AN, &CMFCApplication1Dlg::OnBnClickedButtonShowAn)

ON_BN_CLICKED(IDC_BUTTON_SHOW_TEST, &CMFCApplication1Dlg::OnBnClickedButtonShowTest)

ON_BN_CLICKED(IDC_BUTTON_HIDE, &CMFCApplication1Dlg::OnBnClickedButtonHide)

ON_BN_CLICKED(IDC_BUTTON_APPEAR, &CMFCApplication1Dlg::OnBnClickedButtonAppear)

END_MESSAGE_MAP()

在.cpp中实现点击后的相关功能

void CMFCApplication1Dlg::OnBnClickedButtonDisable()

{

// TODO: 在此添加控件通知处理程序代码

// 让按钮处于禁用状态(未激活)

m_btnTest.EnableWindow(FALSE);

}

void CMFCApplication1Dlg::OnBnClickedButtonEnable()

{

// TODO: 在此添加控件通知处理程序代码

// 让按钮处于可用状态(激活)

m_btnTest.EnableWindow(TRUE);

}

void CMFCApplication1Dlg::OnBnClickedButtonShowAn()

{

// TODO: 在此添加控件通知处理程序代码

// 修改按钮上的文字为“按钮”

m_btnTest.SetWindowTextW(_T("按钮"));

}

void CMFCApplication1Dlg::OnBnClickedButtonShowTest()

{

// TODO: 在此添加控件通知处理程序代码

// 修改按钮上的文字为“TEST”

m_btnTest.SetWindowTextW(_T("TEST"));

}

void CMFCApplication1Dlg::OnBnClickedButtonHide()

{

// TODO: 在此添加控件通知处理程序代码

// 让按钮隐藏

m_btnTest.ShowWindow(FALSE);

}

void CMFCApplication1Dlg::OnBnClickedButtonAppear()

{

// TODO: 在此添加控件通知处理程序代码

// 让按钮显示

m_btnTest.ShowWindow(TRUE);

}

2.效果

3.整体代码

MFCApplication1Dlg.h

// MFCApplication1Dlg.h: 头文件

//

#pragma once

// CMFCApplication1Dlg 对话框

class CMFCApplication1Dlg : public CDialogEx

{

// 构造

public:

CMFCApplication1Dlg(CWnd* pParent = nullptr); // 标准构造函数

// 对话框数据

#ifdef AFX_DESIGN_TIME

enum { IDD = IDD_MFCAPPLICATION1_DIALOG };

#endif

protected:

virtual void DoDataExchange(CDataExchange* pDX); // DDX/DDV 支持

// 实现

protected:

HICON m_hIcon;

// 生成的消息映射函数

virtual BOOL OnInitDialog();

afx_msg void OnSysCommand(UINT nID, LPARAM lParam);

afx_msg void OnPaint();

afx_msg HCURSOR OnQueryDragIcon();

DECLARE_MESSAGE_MAP()

public:

CButton m_btnTest;

afx_msg void OnBnClickedButtonTest();

CButton m_btn_disable;

CButton m_btn_enable;

CButton m_btn_showAN;

CButton m_btn_showTEST;

CButton m_btn_hide;

CButton m_btn_appear;

afx_msg void OnBnClickedButtonDisable();

afx_msg void OnBnClickedButtonEnable();

afx_msg void OnBnClickedButtonShowAn();

afx_msg void OnBnClickedButtonShowTest();

afx_msg void OnBnClickedButtonHide();

afx_msg void OnBnClickedButtonAppear();

};

MFCApplication1Dlg.cpp

// MFCApplication1Dlg.cpp: 实现文件

//

#include "pch.h"

#include "framework.h"

#include "MFCApplication1.h"

#include "MFCApplication1Dlg.h"

#include "afxdialogex.h"

#ifdef _DEBUG

#define new DEBUG_NEW

#endif

// 用于应用程序“关于”菜单项的 CAboutDlg 对话框

class CAboutDlg : public CDialogEx

{

public:

CAboutDlg();

// 对话框数据

#ifdef AFX_DESIGN_TIME

enum { IDD = IDD_ABOUTBOX };

#endif

protected:

virtual void DoDataExchange(CDataExchange* pDX); // DDX/DDV 支持

// 实现

protected:

DECLARE_MESSAGE_MAP()

};

CAboutDlg::CAboutDlg() : CDialogEx(IDD_ABOUTBOX)

{

}

void CAboutDlg::DoDataExchange(CDataExchange* pDX)

{

CDialogEx::DoDataExchange(pDX);

}

BEGIN_MESSAGE_MAP(CAboutDlg, CDialogEx)

END_MESSAGE_MAP()

// CMFCApplication1Dlg 对话框

CMFCApplication1Dlg::CMFCApplication1Dlg(CWnd* pParent /*=nullptr*/)

: CDialogEx(IDD_MFCAPPLICATION1_DIALOG, pParent)

{

m_hIcon = AfxGetApp()->LoadIcon(IDR_MAINFRAME);

}

void CMFCApplication1Dlg::DoDataExchange(CDataExchange* pDX)

{

CDialogEx::DoDataExchange(pDX);

DDX_Control(pDX, IDC_BUTTON_TEST, m_btnTest);

DDX_Control(pDX, IDC_BUTTON_DISABLE, m_btn_disable);

DDX_Control(pDX, IDC_BUTTON_ENABLE, m_btn_enable);

DDX_Control(pDX, IDC_BUTTON_SHOW_AN, m_btn_showAN);

DDX_Control(pDX, IDC_BUTTON_SHOW_TEST, m_btn_showTEST);

DDX_Control(pDX, IDC_BUTTON_HIDE, m_btn_hide);

DDX_Control(pDX, IDC_BUTTON_APPEAR, m_btn_appear);

}

BEGIN_MESSAGE_MAP(CMFCApplication1Dlg, CDialogEx)

ON_WM_SYSCOMMAND()

ON_WM_PAINT()

ON_WM_QUERYDRAGICON()

ON_BN_CLICKED(IDC_BUTTON_TEST, &CMFCApplication1Dlg::OnBnClickedButtonTest)

ON_BN_CLICKED(IDC_BUTTON_DISABLE, &CMFCApplication1Dlg::OnBnClickedButtonDisable)

ON_BN_CLICKED(IDC_BUTTON_ENABLE, &CMFCApplication1Dlg::OnBnClickedButtonEnable)

ON_BN_CLICKED(IDC_BUTTON_SHOW_AN, &CMFCApplication1Dlg::OnBnClickedButtonShowAn)

ON_BN_CLICKED(IDC_BUTTON_SHOW_TEST, &CMFCApplication1Dlg::OnBnClickedButtonShowTest)

ON_BN_CLICKED(IDC_BUTTON_HIDE, &CMFCApplication1Dlg::OnBnClickedButtonHide)

ON_BN_CLICKED(IDC_BUTTON_APPEAR, &CMFCApplication1Dlg::OnBnClickedButtonAppear)

END_MESSAGE_MAP()

// CMFCApplication1Dlg 消息处理程序

BOOL CMFCApplication1Dlg::OnInitDialog()

{

CDialogEx::OnInitDialog();

// 将“关于...”菜单项添加到系统菜单中。

// IDM_ABOUTBOX 必须在系统命令范围内。

ASSERT((IDM_ABOUTBOX & 0xFFF0) == IDM_ABOUTBOX);

ASSERT(IDM_ABOUTBOX < 0xF000);

CMenu* pSysMenu = GetSystemMenu(FALSE);

if (pSysMenu != nullptr)

{

BOOL bNameValid;

CString strAboutMenu;

bNameValid = strAboutMenu.LoadString(IDS_ABOUTBOX);

ASSERT(bNameValid);

if (!strAboutMenu.IsEmpty())

{

pSysMenu->AppendMenu(MF_SEPARATOR);

pSysMenu->AppendMenu(MF_STRING, IDM_ABOUTBOX, strAboutMenu);

}

}

// 设置此对话框的图标。 当应用程序主窗口不是对话框时,框架将自动

// 执行此操作

SetIcon(m_hIcon, TRUE); // 设置大图标

SetIcon(m_hIcon, FALSE); // 设置小图标

// TODO: 在此添加额外的初始化代码

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

}

void CMFCApplication1Dlg::OnSysCommand(UINT nID, LPARAM lParam)

{

if ((nID & 0xFFF0) == IDM_ABOUTBOX)

{

CAboutDlg dlgAbout;

dlgAbout.DoModal();

}

else

{

CDialogEx::OnSysCommand(nID, lParam);

}

}

// 如果向对话框添加最小化按钮,则需要下面的代码

// 来绘制该图标。 对于使用文档/视图模型的 MFC 应用程序,

// 这将由框架自动完成。

void CMFCApplication1Dlg::OnPaint()

{

if (IsIconic())

{

CPaintDC dc(this); // 用于绘制的设备上下文

SendMessage(WM_ICONERASEBKGND, reinterpret_cast(dc.GetSafeHdc()), 0);

// 使图标在工作区矩形中居中

int cxIcon = GetSystemMetrics(SM_CXICON);

int cyIcon = GetSystemMetrics(SM_CYICON);

CRect rect;

GetClientRect(&rect);

int x = (rect.Width() - cxIcon + 1) / 2;

int y = (rect.Height() - cyIcon + 1) / 2;

// 绘制图标

dc.DrawIcon(x, y, m_hIcon);

}

else

{

CDialogEx::OnPaint();

}

}

//当用户拖动最小化窗口时系统调用此函数取得光标

//显示。

HCURSOR CMFCApplication1Dlg::OnQueryDragIcon()

{

return static_cast(m_hIcon);

}

void CMFCApplication1Dlg::OnBnClickedButtonTest()

{

// TODO: 在此添加控件通知处理程序代码

MessageBox(_T("我是一个Test按钮"));

}

void CMFCApplication1Dlg::OnBnClickedButtonDisable()

{

// TODO: 在此添加控件通知处理程序代码

// 让按钮处于禁用状态(未激活)

m_btnTest.EnableWindow(FALSE);

}

void CMFCApplication1Dlg::OnBnClickedButtonEnable()

{

// TODO: 在此添加控件通知处理程序代码

// 让按钮处于可用状态(激活)

m_btnTest.EnableWindow(TRUE);

}

void CMFCApplication1Dlg::OnBnClickedButtonShowAn()

{

// TODO: 在此添加控件通知处理程序代码

// 修改按钮上的文字为“按钮”

m_btnTest.SetWindowTextW(_T("按钮"));

}

void CMFCApplication1Dlg::OnBnClickedButtonShowTest()

{

// TODO: 在此添加控件通知处理程序代码

// 修改按钮上的文字为“TEST”

m_btnTest.SetWindowTextW(_T("TEST"));

}

void CMFCApplication1Dlg::OnBnClickedButtonHide()

{

// TODO: 在此添加控件通知处理程序代码

// 让按钮隐藏

m_btnTest.ShowWindow(FALSE);

}

void CMFCApplication1Dlg::OnBnClickedButtonAppear()

{

// TODO: 在此添加控件通知处理程序代码

// 让按钮显示

m_btnTest.ShowWindow(TRUE);

}

相关推荐