• 4514阅读
  • 2回复

Qt中QTabWidget的tab上面是图片,下面是文字呢?像360那样 [复制链接]

上一主题 下一主题
离线liuligang88
 

只看楼主 倒序阅读 楼主  发表于: 2016-05-06
我想实现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);}\

上面是我的代码,只能实现图片和文字都居中。
离线lemonzll

只看该作者 1楼 发表于: 2016-05-06
要做360那种你就不要用QTabWidget了,tab自定义比较麻烦。你可以用垂直布局,上面可以用按钮,QPushButton或QToolButton,下面用QStackedWidget来实现,关联下信号就能实现切换。按钮的自定义比较方便些,实在不行自己也可以自定义绘图下
离线liuligang88

只看该作者 2楼 发表于: 2016-05-09
回 lemonzll 的帖子
lemonzll:要做360那种你就不要用QTabWidget了,tab自定义比较麻烦。你可以用垂直布局,上面可以用按钮,QPushButton或QToolButton,下面用QStackedWidget来实现,关联下信号就能实现切换。按钮的自定义比较方便些,实在不行自己也可以自定义绘图下 (2016-05-06 14:09) 

哦,谢谢@lemonzll  
本帖提到的人: @lemonzll
快速回复
限100 字节
 
上一个 下一个