网站开发服务的协议,高端文化网站模板,怎么让学生在网站上做问卷调查,网站建设选方舟网络在主窗口中放置多个控件#xff0c;最好的方法是使用布局。控件的布局是学习PyQt路上比较关键也也是比较难理解的部分#xff0c;赶快跟着木辛老师一起去看看吧。请点击右上角“关注”按钮关注我们哟#xff1a;跟着木辛老师学习Python编程知识#xff0c;变身快乐的编程达…在主窗口中放置多个控件最好的方法是使用布局。控件的布局是学习PyQt路上比较关键也也是比较难理解的部分赶快跟着木辛老师一起去看看吧。请点击右上角“关注”按钮关注我们哟跟着木辛老师学习Python编程知识变身快乐的编程达人吧~同学们好在之前的课程里传送门《木辛老师的编程课堂Python和Qt第2讲之QtDesigner的使用二》我们尝试将一个按钮放置到了主窗口中如果需要放置更多的控件则可以从左侧的工具箱中拖拽更多的控件到主窗口上。不过控件过多之后管理是比较棘手的。Qt Designer提供了布局的管理方式方便管理多个控件的布局情况。布局方式Qt Designer提供了4中窗口布局方式Vertical Layout垂直布局Horizontal Layout水平布局Grid Layout栅格布局Form Layout表单布局他们位于Qt Designer主窗口左侧区域的工具箱里的Layouts布局栏中。查看工具箱的布局栏垂直布局控件默认按照从上到下的顺序进行纵向添加水平布局控件默认按照从左到右的顺序进行横向添加栅格布局将窗口控件放入一个网格之中然后将他们合理的划分成若干行row和列column并把其其中的每个窗口控件放置在合适的单元cell中这里的单元即是由行和列划分出来的控件。表单布局控件以两列的形式布局在表单中其中左列包含标签右列包含输入控件在Qt Designer中进行布局有两种方式一是通过布局管理器进行布局二是通过容器控件进行布局。利用布局管理器布局咱们做个例子试试吧打开Qt Designer大家还记得如何打开Qt Designer工具吗传送门《木辛老师的编程课堂Python和Qt第2讲之QtDesigner的使用一》。新建一个主窗口新建主窗口然后将一个输入文本框和一个按钮拖拽都主窗口上拖拽控件到主窗口选中这两个控件之后点击鼠标右键修改水平布局在“布局”菜单中选择“水平布局”Qt Designer会自动将两个控件水平对齐水平布局效果就如上图所示。这样我们通过Qt Designer简单的拖拽和选择就完成了一个水平方向布局的美观的控件组合了我们保存一下这个.ui文件。最后通过PyCharm的插件将这个.ui文件转换成.py文件。ui文件转py通过上方的源代码我们可以看到我们定义的输入文本框和按钮已经被放入了一个QHBoxLayout的水平布局的widget里了。这样两个控件就会根据实际情况自动水平对齐。重点指出QPushButton和QLineEdit两个空间在实例化的时候指定了QWidget作为其父控件布局对象QHBoxLayout指定的父控件也是QWidget。咱们再回到Qt Designer看一下控件和窗口之间的层次关系哈对象窗口可以看到与转换后的Python代码一样QPushButton和QLineEdit也是归属到widget中的通过这个对象查看窗口我们也可以方便地看出窗口 — 布局— 控件的之间的层级关系。窗口一般作为顶层显示然后将控件按照我们的布局方式进行排列。利用容器进行布局另外一个管理布局的方式是通过容器的进行布局的管理。所谓容器控件就是指能够容纳子容器的控件使用容器控件就是将容器控件中的控件归为一类。当然了使用容器控件也可以对它的子控件进行布局只不过呢没有布局管理器常用。我们还用刚才的例子将主窗口中的控件全都删除。然后在左侧的容器导航栏中拖入一个Frame控件然后在其中放入一个QLabel一个QLineEdit一个QPushButton控件。选中Frame控件并点击鼠标右键选择“布局” — “水平布局”就可以得到如下图所示的效果了是不是很简单呀~容器布局之后我们通过PyCharm的插件PyUIC工具将.ui文件转换为.py文件就可以直接调用使用了。咱们一起来看一下转换后的文件的比较重要的地方吧⬇️⬇️self.frame QtWidgets.QFrame(self.centralwidget)
self.frame.setGeometry(QtCore.QRect(150, 80, 378, 64))
self.frame.setFrameShape(QtWidgets.QFrame.StyledPanel)
self.frame.setFrameShadow(QtWidgets.QFrame.Raised)
self.frame.setObjectName(frame)
self.horizontalLayout QtWidgets.QHBoxLayout(self.frame)
self.horizontalLayout.setObjectName(horizontalLayout)
self.label QtWidgets.QLabel(self.frame)
可以看到咱们尽管使用了容器进行空间的布局但是本质上还是通过QHBoxLayout 调用了布局管理器进行的。经过如上的操作我们已经初步的了解了如何通过Qt Designer工具进行布局设计并学到了Qt Designer提供的4中布局管理方式咱们通过实例练习了其中的水平布局其他的布局方式请同学们自己尝试一下吧如果有任何问题欢迎随时给木辛老师发送私信哟好了今天的课程就到这里吧请持续关注木辛老师的编程课哟后续更多精彩陆续到来快乐编程快乐成长
