使用PyQt Designer完成界面设计与数据输出(以爬虫为例)

目录

1 程序界面设计 

1.1 组件字体大小设计   

 1.2 Label滚动条设置以及数据自动换行

1.2.1 滚动条设置        

1.2.2 将Label与滚动条进行组合   

1.2.3 Label数据自动换行 

2 运行结果


        本文以爬虫为例,设计如下界面,按下按钮时,显示爬虫结果。

        界面设计参考:PyQt界面设计参考​​​​​​​​​​​​​​

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第1张图片

1 程序界面设计 

        该界面的难点在于如何使显示的数据自动换行以及如何添加滚动条。 下图是界面需要的组件,特别注意的是数据是显示在Label里面的,而滚动条是在scrollArea组件中,因此需要先添加scrollArea组件,再添加Label组件,而Label组件的右边要刚好贴到滚动条左边位置,否则数据会被滚动条遮挡。

1.1 组件字体大小设计   

         首先,添加“输入网址”和“爬取的数据”的Label以及Text组件和Push button。

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第2张图片

         点击组件。

        打开font,修改Point Size即可。 

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第3张图片

 1.2 Label滚动条设置以及数据自动换行

        添加scroll Area组件。

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第4张图片

1.2.1 滚动条设置        

        点击scrollAreaWidgetContents。最小尺寸的长设置为10000(宽无需设置,因为我们要的是垂直滚动)。对于这个参数,个人理解为尺寸越大,存放的内容越多,滚动条就会变得很小。

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第5张图片

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第6张图片

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第7张图片  

        取消水平滚动条。点击scrollArea-->点击QAbstractScrollArea-->选择ScrollBarAlwaysOff。

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第8张图片

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第9张图片

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第10张图片​​​​​​​​​​​​​​

1.2.2 将Label与滚动条进行组合   

        添加Label,注意拖动时Label右边要贴紧滚动条左边,上边和左边也贴紧scrollArea,下边随意(后面要调整)。

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第11张图片

         将Label的高设置为scrollAreaWidgetContents一样的数值,如果太小,数据就会显示不全。

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第12张图片

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第13张图片

        将Label显示的内容设置为水平方向居中,垂直方向靠上。  

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第14张图片 

 

1.2.3 Label数据自动换行 

         点击该Label,输入word,在勾选跳出的wordWrap ,则启动了自动换行。

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第15张图片

2 运行结果

使用PyQt Designer完成界面设计与数据输出(以爬虫为例)_第16张图片

你可能感兴趣的:(Python界面设计,pyqt,python)