MFC的基本控件的使用~设计一个登录界面(一)

        在某一天的晚上,就在老总将要下班的时候,突然冷不丁的突然对我说了一句“小王啊,你没事学学WIn32和MFC,以后可能要用这左界面”,然后我脑子断片了几秒,(懵逼得我:“我靠 WIN32 、MFC这是啥,我咋没听过呢,”),然后打肿脸充胖子的迅速对老总说了,嗯好 有空我了解一下(实则内心慌得一批)。所以在研究了两天之后,在练习一下基本的控件上设计一个简单的UI界面。

首先打开VS新建一个MFC应用程序项目并起个名字,点击确定

MFC的基本控件的使用~设计一个登录界面(一)_第1张图片

然后根据向导进行设置

这里选择单个文档  和MFC标准。 然后点击下一步。

MFC的基本控件的使用~设计一个登录界面(一)_第2张图片

这里的使用传统的停靠工具可选可不选 ,我这里就不要了。基本上局修改这两个页面了,然后点击确定。

MFC的基本控件的使用~设计一个登录界面(一)_第3张图片

然后观察一下这个界面 找到资源视图 ,在资源视图里面找到Dialog文件夹 我们所有的界面都会在这个文件夹里。

MFC的基本控件的使用~设计一个登录界面(一)_第4张图片

 

然后把我们需要的图标资源(注意这里的图片是.ico图片)放到res文件夹下MFC的基本控件的使用~设计一个登录界面(一)_第5张图片

然后回到VS中  点击ICON文件夹右键添加资源 然后选择导入资源 找到放图片的文件夹 ,选择图片、然后打开就进行导入了。

MFC的基本控件的使用~设计一个登录界面(一)_第6张图片

点击一张图片右键属性 可以查看到图片的所有属性 (名字、ID等)所有控件都可以右键属性来查看及修改某些属性。

MFC的基本控件的使用~设计一个登录界面(一)_第7张图片

首先我们先设置窗口的图标和标题

在类视图中找到CMainFrame文件单击一次(双击会进入到.h脚本中),会出现三步骤的文件,找到OnCreate方法,双击会直接进入到OnCreate方法中

在方法的最后添加几句代码

MFC的基本控件的使用~设计一个登录界面(一)_第8张图片

//修改图标
    //设置图标,                                        IDI_ICON1为图标的ID
    SetClassLong(m_hWnd, GCL_HICON, (LONG)AfxGetApp()->LoadIconW(IDI_ICON1));

    //设置副标题
    SetTitle(TEXT("foods"));

添加完成后按Ctrl+F5直接运行查看效果。

MFC的基本控件的使用~设计一个登录界面(一)_第9张图片

会发现左上角的图标和标题已经变了, 但是还有一个标题没有改变 ,所以接下来我们继续完成这个标题的编译。

在类视图中,找到以XXXDoc为结尾的文件点击,在下边找到OnNew方法双击,进入方法后,在方法最后加上代码。

MFC的基本控件的使用~设计一个登录界面(一)_第10张图片

//设置主标题
    SetTitle(TEXT("食物商店"));

再次运行查看效果。

是不是已经改变了呢。但是运行起来是不是发现窗口有些大呢,

没关系我们接着在下面添加一句代码控制窗口的大小和位置。

在设置图标和副标题的下面添加几句代码就OK了。

MFC的基本控件的使用~设计一个登录界面(一)_第11张图片

//设置窗口大小  
    MoveWindow(0, 0, 800, 500);
    //设置窗口居中
    CenterWindow();

这样是不是就方便多了。

好了 今天的分享先到这里,已经整整一下午没吃饭了, 好饿0.0  ,由于不能糟蹋五谷杂粮 ,所以先吃饭*w*   后面再续。

MFC的基本控件的使用~设计一个登录界面(二)

 

 

 

 

你可能感兴趣的:(MFC)