学习笔记——Qt Designer(2)

三，完成窗口的布局Layout

关于窗口的布局，不同人可能有不同的喜好，下面简单的演示一下。

首先，我们把Find what和replace With的两个Label和两个Line Edit布局到一起，我们按住shift键，鼠标选中这四个widgets。然后点击菜单Form->Lay Out in a Grid项（或者点击toolbar button）,四个widgets会用红线圈起来，当然这些红线在程序运行时是不会显示的。

然后选择两个CheckBox，点击菜单Form->Lay Out Horizontally，水平布局。

同样我们也把下面的一个Label和ComboBox设为水平布局。

 

    如上所示，现在已经有三个layout了，一个格型布局，两个水平布局。

 

    下面我们把这三个布局放到一个布局里面，我们通过鼠标拖拽来选定三个layout，只要覆盖到layout就行，注意不要接触来Vertical Line，但是要接触到Vertical spacer，选中以后，点击菜单Form->Lay Out Vertically。

    然后用同样的方法，拖拽选中右边的四个button和一个Vertical spacer，选中以后，点击菜单Form->Lay Out Vertically。

最终我们有了两个垂直的layouts，和中间一个Vertical Line，如下图所示：

 

 

最后，我们不要选中任何东西，点击菜单Form->Lay Out Horizontally完成最终Form的布局，最终结果如下图所示：

 

 

可以看到，比上面有了些变化，窗口布局的非常合理和漂亮了。

可以通过预览来看一看。

四，设计工作的一些收尾

    我们发现Label的buddy我们还没有弄好，所以在label中会显示我们输入的”&”符号，下面我们编辑一下。点击菜单Edit->Edit Buddies 转到buddy 模式。然后我们为label选择伙伴buddy，选定一个label，然后把它拖到想绑定的buddy上，比如选定Find what Label，然后把它拖到Line Edit上。类似的我们可以绑定三对buddy，如下图所示：

 

    按F3可以离开buddy模式，进入到窗口编辑模式。

 

 

    同样，我们可以设置Tab的顺寻，通过点击Edit->Edit Tab Order，进入到编辑tab order的模式，如下图。然后通过点击来改变顺序，同样按F3可以退出编辑模式.

 

 

关于button方法的绑定，其中Find，Replace，Replace All三个，需要绑定用户自己写的方法，而colse按钮可以绑定到对话框的reject()，下面看看如何绑定：
点击菜单Edit->Edit Signal/Slots，然后点击close button拖一下到form上，放开鼠标左键，会弹出一个Configure connection的对话框，从左边列表框中点击clicked()，从右边点击reject（），然后点击OK，结束，如下图。

 

 

按F3离开模式。

最后可以给这个对话框命名，ObjectName设为：FindAndReplaceDlg，把windowTitle设为“Find and Replace”。其中的ObjectName是我们在程序中要用到这个对话框时，他的类名，或者import的东西。

保存为findandreplacedlg.ui文件。

  

五，转化ui文件为py文件

    打开cmd命令行，在findandreplacedlg.ui文件所在的目录运行下面的命令：

pyuic4 -o ui_findandreplacedlg.py findandreplacedlg.ui

就会在同样的目录生成一个名为ui_findandreplacedlg.py的文件，然后我们就可在别的工程中import这个文件来产生我们想要的对话框了。

参考资料《Rapid GUI Programing with PyQt》chapter 7