Qt5 学习笔记 二:UI 编程

          既然说Qt最方便的是它的UI界面编程,那我们就从UI开发开始我们的Qt编程之旅。

          个人原创,转载请注明出处:

             http://blog.csdn.net/embbnux/article/details/12361155

博主最近在电脑上自建了博客,以后也用那个了,欢迎关注访问,里面也有很多有用资源:

            http://www.embbnux.com/


        一、首先启动qt creator


                         这界面一看就很爽。

             Qt5 学习笔记 二:UI 编程_第1张图片

                点击文件,新建项目,选择 qt应用项目。完成后如图。


         二、点击 *.ui文件   进入UI设计


                  UI设计和eclipse下的安卓开发基本一样,按钮一拖就好了,也可以设置Layout格式,方便控件摆放。

              如图:

                     Qt5 学习笔记 二:UI 编程_第2张图片

         中间的在“这里输入”为 menu设置,点击它可以编辑 ,如file, 记住输入完以后要按enter键,则可继续添加它的子选项和其他菜单选项,可以设置得和普通的文件窗口一样;

          点击绿色三角形运行,如图

            Qt5 学习笔记 二:UI 编程_第3张图片

           很棒,对吧,界面如此简单


    三、设置按钮响应


            在UI设计里面,右键按钮,选择转到槽(槽和信号是Qt引入的机制,用来处理各种响应)

                选择相应的信号,这里为clicked(),则会跳到相应的cpp文件里面:

                          
         在大括号内,填写需要做出的响应,这里就简单写个退出吧:

       

void MainWindow::on_pushButton_2_clicked()
{
    exit(0);
}

       这样运行点击该按钮就会退出;

   四、添加对话窗口

         如果只有一个窗口界面,一定会看起来很无聊,这里我们就再新建个对话窗口

         右键 项目窗口里面 工程文件的名字,选择添加新文件,选择Qt UI设计师类,选择Dialog without button

         UI设计和第二步一样,这里就再添加两个按钮;

     

       按钮右键添加槽:

          分别为:

            

void Dialog::on_pushButton_clicked()
{
    accept();
}
void Dialog::on_pushButton_2_clicked()
{
    reject();
}

回到主UI,即第二步建的UI文件:

           再另一个按钮设置槽:

             

void MainWindow::on_pushButton_clicked()
{
    dialog = new Dialog(); 
    int i = dialog->exec();
    if(i == QDialog::Accepted){

    }
    if(i == QDialog::Rejected){

    }
}

  须在该cpp文件对应的h文件中添加:

         

#include 

在头文件的声明中添加:

 

private:
          Dialog *dialog;

这样运行,点击相应的按钮就会出现该对话窗口

Qt5 学习笔记 二:UI 编程_第4张图片

    

         

            

                         

                  

                  

 

               

你可能感兴趣的:(QT5编程学习笔记)