第三章：做一个简易登陆界面

一、内容

做一个简易的登陆界面，包含：

1、有账号输入和密码输入

2、有登陆和取消按钮

3、密码要带有屏蔽功能

4、通过取消按钮讲一点槽函数的运用

二、创建工程（初次做这个小例程，附带上建工程的步骤）

1、打开QT软件，

2、按下一步，

3、如下就是工程创建成功的界面：

4、双击打开day1_test.ui,就可以进入ui界面，如下：

创建工程就讲到这！

二、制作简易登陆界面

1、如上图，打开ui设计界面后，可以在左边看到

鼠标左键，按住控件拖动到窗口中，效果如下

单击登陆按钮，再看右侧的属性窗口：

以此类推，取消按键也是这样。

2、在左侧控件窗口，下拉找到（标签控件）

拖动到界面窗口，双击修改名称为“账号：”，再按这步骤创建一个名称为“密码：”的标签，效果如下：

然后修改右侧的属性窗口的控件名为：label_Acount，label_Password

3、在左侧控件窗口，下拉找到（输入编辑框控件）

拖动到界面窗口，效果如下：

然后修改右侧的属性窗口的控件名为：lineEdit_Acount，lineEdit_Password

4、查看界面运行的效果

效果如下，同时在编辑框模拟输入账号和密码：

运行成功了，然后我们发现，密码是公开的，我们要设置成隐藏的状态；

关掉运行的登陆界面，然后右侧属性处下拉寻找echoMode：

运行效果入下：

5、接下来，讲一下槽函数的运用，简单的实现下“取消”按钮的效果，登陆按钮的效果先不讲。

右击取消按钮，然后点击转到槽...

然后会跳转到代码 day1_test.cpp处

添加一行代码给他，就可以达到取消进程的效果了：

然后保存代码，运行就可以体验效果了。

注：关于槽函数先讲这么多，后面有接触再讲，关键还是要熟悉使用C++。

谢谢！

第三章：做一个简易登陆界面相关推荐

HTML5.0实例练习（三） --制作一个简单登陆界面
今天分享一个简单的实例--制作一个简单登陆界面代码如下: 代码执行结果如下: 这里面用到了<table><th><td><tr>这些表格标签,这些在这 ...
如何用idea做一个简易的网页登录界面
在上一节课的内容基础上做一个简易的网页登录界面--18级软工1班03 打开idea后打开上一节课的工程文件(一般在打开idea软件的同时,idea会默认打开上一次的文件)并在左边列表的main文件夹下 ...
【新手向】Python做一个简易登录注册GUI界面(无事件绑定)
Python做一个简易登录注册GUI界面一,效果展示 (1)运行结果: (2)点击登录: 注:只有用户名:123 密码123456 会提示登录成功. 登录成功示范: 登录失败示范: (3)点击注册 ...
python发音机器人_只需三步，菜鸟也能用Python做一个简易版Siri
原标题:只需三步,菜鸟也能用Python做一个简易版Siri 当下,各个手机厂商都陆续的推出了属于自己的智能手机机器人,像是苹果的Siri,小米的小爱,还有等等.这些智能机器人不仅仅方便了我们对于手机 ...
)类新建javafx程序时_第三章第一个OpenCV的JavaFX应用程序.md
# 第三章第一个OpenCV的JavaFX应用程序 --- ***注意***:我们假设您现在已经阅读了之前的教程.如果没有,请在[http://opencv-java-tutorials.readt ...
做一个支持图形界面的操作系统（上）
分类: OS2006-05-01 20:00 856人阅读评论(0) 收藏举报原文:http://www.binghua.com/Article/Class6/Class7/200409/267 ...
做一个支持图形界面的操作系统(zz)
原文:http://www.binghua.com/Article/Class6/Class7/200409/267.html (转载及引用请注明明原作者及出处) (pdf: http://www.b ...
安卓初体验一：做一个简易计分器
安卓初体验一:做一个简易计分器 1.成品图 2.准备:确定开发环境.明确应用功能 2.1开发环境 2.2应用功能 3.界面制作 3.1选择布局 3.2代码编写 4.功能编写 4.1提示信息功能编写 4 ...
怎么用线程刷新 tkinter 进度条_tkinter做一个简易提词板（2）
书接上文花果山美男子:tkinter做一个简易提词板zhuanlan.zhihu.com 上回说到,文字的动态效果还可以用after方法和StringVar来实现,今天我们就用它们来重新制作提词板 ...

第三章：做一个简易登陆界面

第三章：做一个简易登陆界面相关推荐

最新文章

热门文章