Socket 通信中的前端 UI 开发 Windows 标准控件的使用

代码仓库：https://github.com/SKPrimin/HomeWork/tree/main/Socket/E2_Socket_UI_Windows_Standard_Controls

Windows 标准控件的使用

实验目的

了解 MFC 消息循环机制；
掌握 MFC 中部分常用控件的使用方法；
基于 MFC 编写具备一定用户界面交互功能的应用程序。

实验任务

进一步理解 MFC 消息循环机制；
进一步了解掌握 MFC 控件的使用方法，使用多种控件开发具有简单用户交互功能的MFC 应用程序—个人信息简表；
制作具有基本的数据处理能力的 MFC 应用程序—计算器。

实验内容

一、使用多种控件开发具有简单用户界面交互功能的 MFC 应用程序，显示你的个人信息，界面设计如图 1.请将界面控件规则对齐排列，同类控件使用静态组合框归类布置。

图 1 系统界面

功能要求

1模态对话框

“弹出模态对话框”按钮无效(该控件不使能);

在Dialog处插入对话框
给新建的Dialog添加类
设置属性

回到主页面，点击对应按钮，编写函数

//注意要在开头处加上之前设置头文件
#include "model.h"

void CMFCMsgTableDlg::OnBnClickedButton1()
{
	// TODO: 在此添加控件通知处理程序代码
	Cmodel cm;
	cm.DoModal();
}

2非模态对话框

点击“弹出非模态对话框”按钮，弹出一个你设计好的非模态对话框，注意关闭该对话框时对话框资源的销毁过程。

void CMFCMsgTableDlg::OnBnClickedButton2()
{

	// TODO: 在此添加控件通知处理程序代码
	Cnomodel* pDlg = new Cnomodel;
	pDlg->Create(IDD_DIALOG2, this);
	pDlg->ShowWindow(SW_SHOW);

	m_progress.SetStep(100);
	m_progress.StepIt();

}

3打开文件

点击“打开文件”按钮，弹出打开文件对话框，选中你上次保存的 txt 文件，点击“确定”后打开该文件，从中读取你的姓名，学号、和本地网络信息，动态填入对应的编辑框中。

void CMFCMsgTableDlg::OnBnClickedButton3()
{

	m_progress.SetStep(100);
	m_progress.StepIt();
	// TODO: 在此添加控件通知处理程序代码
	char* location = _strdup(setlocale(LC_CTYPE, NULL));
	setlocale(LC_CTYPE, "chs");
	BOOL isOpen = TRUE;		//是否打开(FALSE则为保存)
	CString defaultDir = "E:";	//默认打开的文件路径
	CString filter = ".txt";	//文件过虑的类型
	TCHAR szFilter[] = _T("文本文件(*.txt)|*.txt|所有文件(*.*)|*.*||");

	CFileDialog openFileDlg(TRUE, "txt", NULL, 0, szFilter, this);

	CString m_path;
	if (openFileDlg.DoModal() == IDOK)
	{
		CString m_path = openFileDlg.GetPathName();//取出文件路径    
		CStdioFile file;
		CString str;
		if (file.Open(m_path, CFile::modeRead))
		{
			while (file.ReadString(str))
			{
				int len = str.GetLength();
				int index = str.Find(_T(":"), 0);
				CString strL = str.Left(index);
				strL.TrimRight();
				CString strR = str.Mid(index + 1, len);
				strR.TrimLeft();
				if (strL == "姓名")
				{
					m_name = strR;
					UpdateData(FALSE);
				}
				if (strL == "学号")
				{
					m_stuid = strR;
					UpdateData(FALSE);
				}
				if (strL == "IP地址")
				{
					m_ip = strR;
					UpdateData(FALSE);
				}
				if (strL == "MAC地址")
				{
					m_mac = strR;
					UpdateData(FALSE);
				}
				if (strL == "子网掩码")
				{
					m_subnetmask = strR;
					UpdateData(FALSE);
				}
				if (strL == "籍贯")
				{
					m_ip = strR;
					UpdateData(FALSE);
				}
				if (strL == "政治面貌")
				{
					m_mac = strR;
					UpdateData(FALSE);
				}
				if (strL == "联系方式")
				{
					m_subnetmask = strR;
					UpdateData(FALSE);
				}

			}
			file.Close();
		}
		UpdateData(FALSE);
	}
	setlocale(LC_CTYPE, location);
	free(location);
}

4年级和专业

从年级专业组合框中选中你的年级和专业，两个组合框应有如下选项和选中效果：

给两个Combox设置如下类型及变量

添加选项，在BOOL CMFCMessageInterfaceDlg::OnInitDialog()中加上如下代码，在底部该函数底部添加

// TODO: 在此添加额外的初始化代码
	m_CboxGrade.AddString(_T("大三")); //默认值
	m_CboxGrade.AddString(_T("大一"));
	m_CboxGrade.AddString(_T("大二"));
	m_CboxGrade.AddString(_T("大四"));

	m_CboxProce.AddString(_T("信息安全"));//默认值
	m_CboxProce.AddString(_T("软件工程"));
	m_CboxProce.AddString(_T("数字媒体"));
	m_CboxProce.AddString(_T("计算机科学与技术"));

5性别信息

使用两个互斥的 Radio 按钮，确定你的性别信息；

添加两个Radio Button，Ctrl+D设置两个按钮编号连续，所有按钮属性tabstop、auto均为true，并将第一个radio 的group属性设为True，

6年龄

使用一个滑动条 Slider，动态得到你的年龄；

同样在BOOL CMFCMessageInterfaceDlg::OnInitDialog()中加上如下代码，在底部该函数底部添加

	// 年龄滑块的初始值设置
	m_AgeSlider.SetRange(0, 100); //设置滑动范围
	m_AgeSlider.SetLineSize(10); 
	m_AgeSlider.SetTicFreq(1);//每1个单位画一刻度
	m_AgeSlider.SetPos(20);//设置滑块初始位置为20

Slider的函数内容

void CMFCMsgTableDlg::OnNMCustomdrawSlider1(NMHDR* pNMHDR, LRESULT* pResult)
{
	LPNMCUSTOMDRAW pNMCD = reinterpret_cast<LPNMCUSTOMDRAW>(pNMHDR);
	// TODO: 在此添加控件通知处理程序代码
	int nPos = m_AgeSlider.GetPos(); //获得滑块当前位置

	CString str  = _T("");
	str.Format(_T("%d"), nPos);

	SetDlgItemText(IDC_EDIT9, str);
	*pResult = 0;
}

7显示照片

使用一个 Picture 控件，显示你的 bmp 位图照片；

先将图片加载到资源文件中，再将属性中杂项->类型Type 设置为Bitmap，在选择对应的图像

8动态滚动条

在界面底部，放置一个进度条控件，在你的程序运行过程中，始终动态滚动；

同样的OnInitDialog()函数

	//初始化进度条
	m_progress.SetRange(0, 1600);
	m_progress.SetPos(10);

void CMFCMsgTableDlg::OnNMCustomdrawProgress1(NMHDR* pNMHDR, LRESULT* pResult)
{
	LPNMCUSTOMDRAW pNMCD = reinterpret_cast<LPNMCUSTOMDRAW>(pNMHDR);
	// TODO: 在此添加控件通知处理程序代码
	//指定进度条控件的步进增量 
	*pResult = 0;
}

每完成一步可以进度条加一些

m_progress.SetStep(100);
m_progress.StepIt();

9输入基本信息

手动输入补全剩余的编辑框，填写你的籍贯、政治面貌、联系方式等基本信息；

10保存文件

所有信息填写完毕后，点击“保存文件”按钮，弹出保存文件对话框，将除图片以外的你的个人信息再次保存为一个 txt 文件。

void CMFCMsgTableDlg::OnBnClickedButton4()
{
	m_progress.SetStep(100);
	m_progress.StepIt();

	// TODO: 在此添加控件通知处理程序代码
	UpdateData(true);


	TCHAR szFilter[] = "文本文件(*.txt)|*.txt|所有文件(*.*)|*.*||";
	CFileDialog saveFileDlg(FALSE, "txt", NULL, 0, szFilter, this);
	if (saveFileDlg.DoModal() == IDOK)
	{

		CString strFilePath = saveFileDlg.GetFileName();//取出文件路径    
		// 判断是否已经存在
		if (_access(strFilePath, 0) == 0)
		{
			CString strQuery; 
			CString prompt = ".txt";
			strQuery.Format("%s 已经存在，要替换它吗？", strFilePath);
			if (IDNO == ::MessageBox(m_hWnd, strQuery, prompt, MB_ICONQUESTION | MB_YESNO))
			{
				return;
			}
		}
		CString grade, proce, age, sex; //用来存放选择内容年级、专业、年龄、性别信息

		m_CboxGrade.GetLBText(m_CboxGrade.GetCurSel(), grade);
		m_CboxProce.GetLBText(m_CboxProce.GetCurSel(), proce);
		age.Format("%d", m_AgeSlider.GetPos());  //将整型变量i转化为字符串型

		sex == "男"; //默认为男，如果未选中第一个则为女
		int state_man = ((CButton*)GetDlgItem(IDC_RADIO1))->GetCheck();
		if (state_man == 0) sex == "女";
		
		
		CFile file;  //创建一个文件
		file.Open(strFilePath, CFile::modeCreate | CFile::modeReadWrite);  //打开该文件
		UpdateData(TRUE); //各编辑框的变量获取输入值
		CString strlist; //定义一个输入
		strlist = "姓名:" + m_name + "\n学号:" + m_stuid + "\nIP地址:" + m_ip + "\n物理地址:" + m_mac + "\n子网掩码:" + m_subnetmask;
		file.Write(strlist, strlist.GetLength());
		strlist = "\n籍贯:" + m_nativeplace + "\n政治面貌:" + m_politicallandscape + "\n联系方式:" + m_contact;
		file.Write(strlist, strlist.GetLength());
		strlist = "\n年级:" + grade + "\n专业:" +  proce + "\n年龄:" + age + "\n性别:" + sex;
		file.Write(strlist, strlist.GetLength());//将该列表写入创建的文件
		file.Close(); //关闭文件
	}
}

posted @ 2022-03-02 23:55 SKPrimin 阅读(433) 评论(0) 编辑收藏举报

刷新页面返回顶部

笠逸

青箬笠，绿蓑衣，斜风细雨不须归

Socket 通信中的前端 UI 开发 Windows 标准控件的使用

Socket 通信中的前端 UI 开发 Windows 标准控件的使用

Windows 标准控件的使用

实验目的

实验任务

实验内容

1模态对话框

2非模态对话框

3打开文件

4年级和专业

5性别信息

6年龄

7显示照片

8动态滚动条

9输入基本信息

10保存文件

公告