使用QToolButton完成侧边栏样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用QToolButton完成侧边栏样式相关的知识,希望对你有一定的参考价值。

参考技术A 之前一直想用Qt的Tab Widget完成侧边栏的设计,但是发现文字排列一直达不到想要的效果,所以这次换了QToolButton加QStackedWidget达到效果:

QToolButton的Stylesheet:

博客园样式的设置系列-01-侧边栏和皮肤的设置

1. 皮肤设置

可以使用自己定制的css.本人比较懒木有搞

 

这款还比较简洁

 

2.侧边栏的设置

 

 

<div id="myTime">
 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="180" height="80" id="honehoneclock" align="middle">
 <param name="allowScriptAccess" value="always">
 <param name="movie" value="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf">
 <param name="quality" value="high">
 <param name="bgcolor" value="#ffffff">
 <param name="wmode" value="transparent">
 <embed wmode="transparent" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf" quality="high" bgcolor="#ffffff" width="180" height="80" name="honehoneclock" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
 </object>
 </div>

 

 

<div>
<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE&up_wheelColor=FFFFFF&up_waterColor=E0EFFF&up_earColor=b0c4de&up_wheelOuterColor=FF4D4D&up_snoutColor=F7F4E9&up_bgColor=F0E4E4&up_foodColor=cba920&up_wheelCenterColor=E4EB2F&up_tailColor=E6DEBE&" width="180" height="150">
<param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE&up_wheelColor=FFFFFF&up_waterColor=E0EFFF&up_earColor=b0c4de&up_wheelOuterColor=FF4D4D&up_snoutColor=F7F4E9&up_bgColor=F0E4E4&up_foodColor=cba920&up_wheelCenterColor=E4EB2E&up_tailColor=E6DEBE&">
<param name="AllowScriptAccess" value="always">
<param name="wmode" value="opaque">
</object>
</div>

 

以上是关于使用QToolButton完成侧边栏样式的主要内容,如果未能解决你的问题,请参考以下文章

博客园侧边栏样式问题

博客园侧边栏样式

在侧边栏导航中更改自定义形状的悬停样式

博客园样式的设置系列-01-侧边栏和皮肤的设置

侧边栏改成图标样式

Pyqt5 QToolButton 使用 autoRaise 方法设置样式表