用MFC单文档程序建立带位图的登陆界面(VS2017)

第一步,新建工程,选择MFC app,点击OK,选择基于对话框,点击Finish。
用MFC单文档程序建立带位图的登陆界面(VS2017)_第1张图片用MFC单文档程序建立带位图的登陆界面(VS2017)_第2张图片第二步,编辑对话框界面,双击resource view中画横线的,打开对话框,注意不要打开成上面那个打叉的了。
用MFC单文档程序建立带位图的登陆界面(VS2017)_第3张图片用static text、edit control、和button画如下框图,并用上方的工具调整位置,对齐。
用MFC单文档程序建立带位图的登陆界面(VS2017)_第4张图片第三步,插入位图,首先复制一张位图文件到工程项目的res文件夹下。用MFC单文档程序建立带位图的登陆界面(VS2017)_第5张图片右击第一步选择add resource,选择bitmap,import。
用MFC单文档程序建立带位图的登陆界面(VS2017)_第6张图片用picture控件画一个框。
用MFC单文档程序建立带位图的登陆界面(VS2017)_第7张图片属性里面type下拉选择bitmap,image下拉选择刚添加的图片。
用MFC单文档程序建立带位图的登陆界面(VS2017)_第8张图片第四步,给两个输入框添加变量
右击输入框,点击class wizard,添加m_name和m_psw变量。
用MFC单文档程序建立带位图的登陆界面(VS2017)_第9张图片用MFC单文档程序建立带位图的登陆界面(VS2017)_第10张图片点击ok。另外,密码框的样式可以改为如图所示。
用MFC单文档程序建立带位图的登陆界面(VS2017)_第11张图片双击登录按钮添加代码。

UpdateData(true);
	if (m_name == "admin" && m_psw == "123")
	{
		CDialog::OnOK();
		CMyDialog dlg;
		dlg.DoModal();
	}
	else
	{
		m_name = "";
		m_psw = "";
		UpdateData(false);
	}

MFC单文档程序建立带位图的登录界面到此结束。

你可能感兴趣的:(mfc)