服务器之家

服务器之家 > 正文

PyQt5 在QListWidget自定义Item的操作

时间:2021-09-17 00:47     来源/作者:Simon菌

效果图

PyQt5 在QListWidget自定义Item的操作

自定义一个item

新建一个qwidget对象

在qwidget内添加layout

在layout内添加要的控件

为qwidget设置layout

新建一个qlistwidgetitem并调整大小

为qlistwidgetitem设置qwidget

创建布局

首先我们创建一个最基本的布局, 只有一个listwidget和一个pushbutton

实现点击button后在listwidget中添加数据

PyQt5 在QListWidget自定义Item的操作

?
1
2
3
4
5
6
7
8
9
10
11
12
class windows(qmainwindow, ui_mainwindow):
 def __init__(self):
  super(windows, self).__init__()
  self.setupui(self)
  self.pushbutton.clicked.connect(self.deal)
 def deal(self):
  # 准备实现的功能
  pass
app = qtwidgets.qapplication(sys.argv)
windows = windows()
windows.show()
sys.exit(app.exec_())

确定布局

PyQt5 在QListWidget自定义Item的操作

可以看出此布局总体是一个横向布局(qhboxlayout), 再其右边是一个纵向(qvboxlayout), 下面的布局又是一个横向布局(qhboxlayout)

?
1
2
3
4
5
6
7
8
9
10
def get_item():
 # 总widget
 wight = qwidget()
 # 布局
 layout_main = qhboxlayout() # 总体横向布局
 layout_right = qvboxlayout() # 右边的纵向布局
 layout_right_down = qhboxlayout() # 右下的横向布局
 layout_right.addlayout(layout_right_down) # 右下布局填充到右边布局中
 layout_main.addlayout(layout_right) # 右边布局填充入总布局
 wight.setlayout(layout_main) # 为widget设置总布局

添加数据

?
1
2
3
4
5
6
7
8
{
 "ship_name": "胡德",
 "ship_country": "e国",
 "ship_star": "5",
 "ship_index": "1",
 "ship_photo": "1.png",
 "ship_type": "战巡"
}
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
def get_item_wight(data):
 # 读取属性
 ship_name = data['ship_name']
 ship_photo = data['ship_photo']
 ship_index = data['ship_index']
 ship_type = data['ship_type']
 ship_country = data['ship_country']
 ship_star = data['ship_star']
 # 总widget
 wight = qwidget()
 # 总体横向布局
 layout_main = qhboxlayout()
 map_l = qlabel() # 头像显示
 map_l.setfixedsize(40, 25)
 maps = qpixmap(ship_photo).scaled(40, 25)
 map_l.setpixmap(maps)
 # 右边的纵向布局
 layout_right = qvboxlayout()
 # 右下的的横向布局
 layout_right_down = qhboxlayout() # 右下的横向布局
 layout_right_down.addwidget(qlabel(ship_type))
 layout_right_down.addwidget(qlabel(ship_country))
 layout_right_down.addwidget(qlabel(str(ship_star) + "星"))
 layout_right_down.addwidget(qlabel(ship_index))
 # 按照从左到右, 从上到下布局添加
 layout_main.addwidget(map_l) # 最左边的头像
 layout_right.addwidget(qlabel(ship_name)) # 右边的纵向布局
 layout_right.addlayout(layout_right_down) # 右下角横向布局
 layout_main.addlayout(layout_right) # 右边的布局
 wight.setlayout(layout_main) # 布局给wight
 return wight # 返回wight

设置qlistwidgetitem

?
1
2
3
4
5
6
for ship_data in your_data:
 item = qlistwidgetitem() # 创建qlistwidgetitem对象
 item.setsizehint(qsize(200, 50)) # 设置qlistwidgetitem大小
 widget = get_item_wight(ship_data) # 调用上面的函数获取对应
 self.listwidget.additem(item) # 添加item
 self.listwidget.setitemwidget(item, widget) # 为item设置widget

显示效果:

PyQt5 在QListWidget自定义Item的操作

全部代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
import sys
import json
from pyqt5.qtwidgets import *
from pyqt5.qtgui import *
from pyqt5.qtcore import *
from pyqt5 import qtcore, qtgui, qtwidgets
class ui_mainwindow(object):
 """
 自动生成的代码, 请不要修改
 """
 def setupui(self, mainwindow):
  mainwindow.setobjectname("mainwindow")
  mainwindow.resize(455, 357)
  self.centralwidget = qtwidgets.qwidget(mainwindow)
  self.centralwidget.setobjectname("centralwidget")
  self.listwidget = qtwidgets.qlistwidget(self.centralwidget)
  self.listwidget.setgeometry(qtcore.qrect(10, 10, 341, 341))
  self.listwidget.setobjectname("listwidget")
  self.pushbutton = qtwidgets.qpushbutton(self.centralwidget)
  self.pushbutton.setgeometry(qtcore.qrect(360, 10, 81, 31))
  self.pushbutton.setobjectname("pushbutton")
  mainwindow.setcentralwidget(self.centralwidget)
  self.retranslateui(mainwindow)
  qtcore.qmetaobject.connectslotsbyname(mainwindow)
 def retranslateui(self, mainwindow):
  _translate = qtcore.qcoreapplication.translate
  mainwindow.setwindowtitle(_translate("mainwindow", "mainwindow"))
  self.pushbutton.settext(_translate("mainwindow", "pushbutton"))
class windows(qmainwindow, ui_mainwindow):
 def __init__(self):
  super(windows, self).__init__()
  self.setupui(self)
  self.pushbutton.clicked.connect(self.deal)
 def deal(self):
  all_data = json.loads('[{"ship_name":"\u80e1\u5fb7","ship_country":"e\u56fd","ship_star":"5","ship_index":"1","ship_photo":"icon/1.png","ship_type":"\u6218\u5de1"},{"ship_name":"\u6d4b\u8bd5","ship_country":"e\u56fd","ship_star":"5","ship_index":"1","ship_photo":"icon/2.png","ship_type":"\u6218\u5de1"},{"ship_name":"\u6d4b\u8bd52","ship_country":"e\u56fd","ship_star":"5","ship_index":"1","ship_photo":"icon/3.png","ship_type":"\u6218\u5de1"},{"ship_name":"\u6d4b\u8bd53","ship_country":"e\u56fd","ship_star":"5","ship_index":"1","ship_photo":"icon/4.png","ship_type":"\u6218\u5de1"}]')
  def get_item_wight(data):
   # 读取属性
   ship_name = data['ship_name']
   ship_photo = data['ship_photo']
   ship_index = data['ship_index']
   ship_type = data['ship_type']
   ship_country = data['ship_country']
   ship_star = data['ship_star']
   # 总widget
   wight = qwidget()
   # 总体横向布局
   layout_main = qhboxlayout()
   map_l = qlabel() # 头像显示
   map_l.setfixedsize(40, 25)
   maps = qpixmap(ship_photo).scaled(40, 25)
   map_l.setpixmap(maps)
   # 右边的纵向布局
   layout_right = qvboxlayout()
   # 右下的的横向布局
   layout_right_down = qhboxlayout() # 右下的横向布局
   layout_right_down.addwidget(qlabel(ship_type))
   layout_right_down.addwidget(qlabel(ship_country))
   layout_right_down.addwidget(qlabel(str(ship_star) + "星"))
   layout_right_down.addwidget(qlabel(ship_index))
   # 按照从左到右, 从上到下布局添加
   layout_main.addwidget(map_l) # 最左边的头像
   layout_right.addwidget(qlabel(ship_name)) # 右边的纵向布局
   layout_right.addlayout(layout_right_down) # 右下角横向布局
   layout_main.addlayout(layout_right) # 右边的布局
   wight.setlayout(layout_main) # 布局给wight
   return wight # 返回wight
  for ship_data in all_data:
   item = qlistwidgetitem() # 创建qlistwidgetitem对象
   item.setsizehint(qsize(200, 50)) # 设置qlistwidgetitem大小
   widget = get_item_wight(ship_data) # 调用上面的函数获取对应
   self.listwidget.additem(item) # 添加item
   self.listwidget.setitemwidget(item, widget) # 为item设置widget
app = qtwidgets.qapplication(sys.argv)
windows = windows()
windows.show()
sys.exit(app.exec_())

补充:pyqt5 qlistwiget点击item事件

我就废话不多说了,大家还是直接看代码吧~

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
from pyqt4.qtcore import qcoreapplication, qt
from pyqt4.qtgui import qlistwidget, qlistwidgetitem, qapplication
import sys
class mylist(qlistwidget):
 def __init__(self):
  qlistwidget.__init__(self)
  self.add_items()
  self.itemclicked.connect(self.item_click)
 
 def add_items(self):
  for item_text in ['item1', 'item2', 'item3']:
   item = qlistwidgetitem(item_text)
   self.additem(item)
 
 def item_click(self, item):
  print item, str(item.text())
 
if __name__ == '__main__':
 app = qapplication([])
 mylist = mylist()
 mylist.show()
 sys.exit(app.exec_())

以上为个人经验,希望能给大家一个参考,也希望大家多多支持服务器之家。如有错误或未考虑完全的地方,望不吝赐教。

原文链接:https://blog.csdn.net/qq_42436176/article/details/88917897

标签:

相关文章

热门资讯

yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
2021年耽改剧名单 2021要播出的59部耽改剧列表
2021年耽改剧名单 2021要播出的59部耽改剧列表 2021-03-05
返回顶部