初识Qt窗口界面

1、新建一个新的Qt Gui应用，项目名称随意，例如MyMainWindow，基类选择QMainWindow，类名为MainWindow。

2、项目建立后，双击mainwindow.ui文件，在界面的“在这里输入”的地方进行双击，改写为“文件(&F)”，并按下回车键。此时，界面左上角显示“文件(F)”，并将其快捷键设置为Alt+F。

3、同理，在文件的下拉菜单中添加“新建”选项。此时，在Action编辑器中可以看到刚添加的新建菜单，如下图第一行所示。

4、双击action_N，可以打开"新建"选项的动作编辑属性对话框，如下图所示。并设置其快捷键为Ctrl+N。注意图标后面的黑色下拉箭头可以用于选择添加资源还是添加文件。通过该箭头选择添加资源，可以实现对新建选项对应图标的添加。此处，我们需要事先在项目中添加图标文件，才能在该下拉箭头添加资源时找到对应的图标，做法见下步。

5、在工程项目单击右键选择添加新文件，同时选择Qt下的Qt资源文件，并设置名称为myResources，此时，工程中多了后缀为qrc的资源文件，并自动切换到该文件所在的界面。通过点击界面左下角的添加按钮进行图标资源的添加。此时需要先添加前缀，再添加文件。前缀默认为/new/prefix1，此时可以根据添加对象的名称随便修改，但不要用中文，完成之后注意保存文件。添加完成如下图所示。

6、此时，重新回到新建动作属性对话框，单击图标选项末端的黑色下拉箭头，选择添加资源，选择对应的图标。完成之后，在相应的ui文件中显示新建选项前出现对应图标，同时运行后，显示相应的效果。

7、前面演示了通过ui文件来进行菜单栏选项的添加，下面通过程序来实现菜单栏及其下拉菜单各个选项、工具栏、状态栏以及添加悬浮工具窗和建立文本窗编辑器的方法。

 #include "mainwindow.h"
 #include "ui_mainwindow.h"
 #include "qtextcodec.h"
 #include <QToolButton>
 #include <QSpinBox>
 #include <QTextEdit>
 #include<QMdiSubWindow>
 #include<QLabel>

 MainWindow::MainWindow(QWidget *parent) :
     QMainWindow(parent),
     ui(new Ui::MainWindow)
 {
     ui->setupUi(this);
     QTextCodec::setCodecForTr(QTextCodec::codecForLocale());//解决中文字符乱码问题

     QAction *openAction = new QAction(tr("&打开"), this); // 创建新的动作
     QIcon icono(":/myImages/fileopen.png");// 添加图标
     openAction->setIcon(icono);
     openAction->setShortcut(QKeySequence(tr("Ctrl+O"))); // 设置快捷键
     ui->menu->addAction(openAction);  // 在文件菜单中设置新的打开动作

     QAction *saveAction = new QAction(tr("&保存"), this);
     QIcon icons(":/myImages/filesave.png");
     saveAction->setIcon(icons);
     saveAction->setShortcut(QKeySequence(tr("Ctrl+S")));
     ui->menu->addAction(saveAction);

     QAction *saveasAction = new QAction(tr("&另保存"), this);
     QIcon icona(":/myImages/filesaveas.png");
     saveasAction->setIcon(icona);
     saveasAction->setShortcut(QKeySequence(tr("Ctrl+A")));
     ui->menu->addAction(saveasAction);

      QMenu *editMenu = ui->menuBar->addMenu(tr("编辑(&E)"));//使用ui->menuBar来获取QMainWindow的菜单栏
      QAction *findAction = editMenu->addAction(tr("&查找"));
      QIcon iconf(":/myImages/filefind.png");
      findAction->setIcon(iconf);
      findAction->setShortcut(QKeySequence(tr("Ctrl+F")));

      QMenu *helpMenu = ui->menuBar->addMenu(tr("帮助(&P)"));

      QActionGroup *group = new QActionGroup(this);//建立动作组
      QAction *action_L = group->addAction(tr("左对齐(&L)"));
      action_L->setCheckable(true);//状态可选中
      QAction *action_R = group->addAction(tr("右对齐(&R)"));
      action_R->setCheckable(true);
      QAction *action_C = group->addAction(tr("居中(&C)"));
      action_C->setCheckable(true);
      action_L->setChecked(true);//指定action_L为选中状态
      editMenu->addSeparator();//向菜单栏中添加间隔器，编辑的下拉菜单最后选项下面添加一条水平分隔线
      editMenu->addAction(action_L);//向菜单中添加动作
      editMenu->addAction(action_R);
      editMenu->addAction(action_C);

      QToolButton *toolBtn = new QToolButton(this);
      toolBtn->setText(tr("颜色"));
      QMenu *colorMenu = new QMenu(this);
      colorMenu->addAction(tr("红色"));
      colorMenu->addAction(tr(" 绿色"));
      toolBtn->setMenu(colorMenu);
      //设置弹出模式，右侧有小箭头用于下拉菜单选择。去掉该句，需要长按tooBtn才能弹出下拉菜单
      toolBtn->setPopupMode(QToolButton::MenuButtonPopup);
      ui->mainToolBar ->addWidget(toolBtn);//里哟个addWidget()函数向工具栏中添加部件
      QSpinBox *spinBox = new QSpinBox(this);
      ui->mainToolBar->addWidget(spinBox);

     //显示临时消息，显示2000毫秒即2秒钟
      ui->statusBar->showMessage(tr("欢迎使用Qt"), );
      //创建标签，设置标签样式并显示消息，然后将其以永久部件的形式添加到状态栏
      QLabel *permanent = new QLabel(this);
      permanent->setFrameStyle(QFrame::Box | QFrame::Sunken);
      permanent->setText(tr("Qt窗口设计"));
      ui->statusBar->addPermanentWidget(permanent); //添加永久性信息

 }

 MainWindow::~MainWindow()
 {
     delete ui;
 }

 void MainWindow::on_action_N_triggered()
 {
     QTextEdit *edit = new QTextEdit(this);//新建文本编辑器部件
     //使用QWdiArea类的addSunWindow()函数创建子窗口，以文本编辑器为中心部件
     QMdiSubWindow *child = ui->mdiArea->addSubWindow(edit);
     child->setWindowTitle(tr("多文档编辑器子窗口"));
     child->show();
 }

 void MainWindow::on_action_Dock_triggered()
 {
     ui->dockWidget->show();
 }

8、在界面中添加中心部件（如多文档编辑器）或者Dock部件（如工具箱），需要在ui界面文件中拖入一个MidArea部件或者一个Dock部件，并在Action编辑器中找到对应的部件，单击右键选择“转到槽”，为其添加一个triggered()函数，编写其相应的功能。同时还可以在右侧对这些部件进行属性设置。

9、设置完毕后，运行效果如下面的截图所示。