通过QMainWindow实现一个登陆界面。效果如下:
下面来说实现。
第一步。创建一个程序自带MainWindow(带ui设计界面),在设计界面移除菜单栏、状态栏、工具栏。因为考虑登录窗口不会改动窗体大小,所以将窗体大小设置为合适的大小。在ui界面右下角的minimumSize和maximumSize可以直接设置。
第二步。就是将label、lineEdit、PushButton等控件拖入,根据自己的喜好拖入Horizontal Spacer和Vertical Spacer调节距离,同时,可以设置layout的Margin属性,就可以实现了。
值得一提的是这里用到了几个知识点记录一下。
- 第一点,这里的所有控件(带文字的),都添加了快捷键,比如用户名、密码、登陆和取消。所采用的方式是在中文后加(&字母),实现后字母下方有横线,可以通过Alt+字母快捷键触发。(英文直接在单词前加&)
- 第二点是关于QLineEdit的显示,可以看到密码的输入栏被和谐了,采用的就是这种方式。具体使用方法则是设置QLineEdit的EchoMode属性。属性有以下几种:
属性 值 描述 QLineEdit::Normal 0 默认值,显示输入的字符 QLineEdit::NoEcho 1 不显示任何东西,用于密码长度也需要保密的情况 QLineEdit::Password 2 显示平台相关的密码掩码字符,而不是实际输入的字符。 QLineEdit::PasswordEchoOnEdit 3 在编辑时显示输入的字符,否则显示带有密码的字符。 这里使用的则是QLineEdit::Password.
ui->lineEdit_pasword->setEchoMode(QLineEdit::Password);
-
第三点则是Buddy属性的设置。这个属性是QLabel的特有属性,可以将第一点提到的快捷方式转移到其他控件上。则当使用
快捷键出发label时,对应的空间被触发。ui->label_name->setBuddy(ui->lineEdit_name); ui->label_pasword->setBuddy(ui->lineEdit_pasword);
- 第四点是关于tab键的设置,可以通过TabOrder属性,设置按下tab键后聚焦的顺序。前者为上一个控件,后者为下一个聚焦控件
//设置tab顺序 setTabOrder(ui->label_name,ui->lineEdit_name); setTabOrder(ui->lineEdit_name,ui->label_pasword); setTabOrder(ui->label_pasword,ui->lineEdit_pasword); setTabOrder(ui->lineEdit_pasword,ui->Btn_login); setTabOrder(ui->Btn_login,ui->Btn_cancel); setTabOrder(ui->Btn_cancel,ui->label_name);