标题:Qt中QTabWidget的tab上面是图片,下面是文字呢?像360那样
作者:liuligang88
日期:2016-05-06 13:55
内容:
我想实现Qt中QTabWidget的tab上面是图片,下面是文字,像360安全卫士那样(图就不附了,大家都很清楚了),
我用QSS,图片和文字都居中,怎么弄成图片在上面,文字在下面?
我查了一下,有的说QSS不能实现,有的说直接把字弄到图片上,给tab添加图片就行,
我不知道有没有大神已经用QSS实现的,如果有,请指点一下,谢谢!!!
QTabBar::tab:first:!selected{margin-top:3px;color:white;background-color:rgb(16,78,139);image:url(:/image/house.png);}\
QTabBar::tab:first:selected{margin-top:0px;border-style:outset;color:white;background-color:qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(16, 78, 139, 255), stop:0.55 rgba(12, 68, 139, 255), stop:0.98 rgba(8, 46, 84, 255), stop:1 rgba(0, 0, 0, 0));image:url(:/image/house.png);}\
QTabBar::tab:first:hover:!selected{margin-top:0px;border-style:outset;color:black;background-color:qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(16, 78, 139, 255), stop:0.55 rgba(12, 68, 139, 255), stop:0.98 rgba(8, 46, 84, 255), stop:1 rgba(0, 0, 0, 0));image:url(:/image/house.png);}\
上面是我的代码,只能实现图片和文字都居中。
#1 [lemonzll 05-06 14:09]
要做360那种你就不要用QTabWidget了,tab自定义比较麻烦。你可以用垂直布局,上面可以用按钮,QPushButton或QToolButton,下面用QStackedWidget来实现,关联下信号就能实现切换。按钮的自定义比较方便些,实在不行自己也可以自定义绘图下
#2 回 lemonzll 的帖子 [liuligang88 05-09 16:11]
lemonzll:要做360那种你就不要用QTabWidget了,tab自定义比较麻烦。你可以用垂直布局,上面可以用按钮,QPushButton或QToolButton,下面用QStackedWidget来实现,关联下信号就能实现切换。按钮的自定义比较方便些,实在不行自己也可以自定义绘图下(2016-05-06 14:09)
哦,谢谢@lemonzll