Visual Studio 2017 MFC控件 - Button按钮

本文使用环境Visual Studio 2017



一、创建项目

按照第一篇文章《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<WPARAM>(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<HCURSOR>(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);
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值