qt模拟CSS3之box-shadow效果

时间:2018-08-03 03:52:45
【文件属性】:
文件名称:qt模拟CSS3之box-shadow效果
文件大小:776KB
文件格式:RAR
更新时间:2018-08-03 03:52:45
box-shadow 由于qss不支持css3的box-shadow效果,故而该工程中,采用类似android九点图的方式,把背景图截为9分,即4角4边一中心,并把4角4边重绘于待修饰的控件的边缘,从而模拟了box-shadow效果。
【文件预览】:
QssDemo
----QssDemo.pro(479B)
----res.qrc(2KB)
----QMenu()
--------radiobutton_unchecked.png(240B)
--------checkbox_unchecked_hover.png(159B)
--------QMenu.css(239B)
--------radiobutton_checked.png(355B)
--------radiobutton_checked_hover.png(532B)
--------checkbox_checked.png(263B)
--------checkbox_checked_hover.png(266B)
--------radiobutton_unchecked_hover.png(492B)
--------checkbox_unchecked.png(159B)
----边缘描述.vsd(56KB)
----mainwindow.cpp(4KB)
----~$边界描述.docx(162B)
----边界描述.docx(51KB)
----mainwindow.h(591B)
----image()
--------blue.css(9KB)
--------radiobutton_unchecked.png(240B)
--------question.png(4KB)
--------test.html(679B)
--------error.png(2KB)
--------sub-line_vertical.png(3KB)
--------scrollbar.css(1KB)
--------gray.css(8KB)
--------radius_border.png(3KB)
--------black.css(8KB)
--------box-shadow.png(588B)
--------add-line_vertical.png(3KB)
--------fontawesome-webfont.ttf(138KB)
--------info.png(3KB)
--------add-line_horizontal.png(151B)
--------radiobutton_checked.png(355B)
--------mtn.qss(122B)
--------array_down.png(3KB)
--------radiobutton_checked_hover.png(532B)
--------checkbox_checked.png(691B)
--------checkbox_checked_hover.png(266B)
--------qt_zh_CN.qm(115KB)
--------radiobutton_unchecked_hover.png(492B)
--------Font Awesome Cheatsheet.png(581KB)
--------radio_selected.png(1024B)
--------checkbox_unchecked.png(581B)
--------navy.css(8KB)
--------radio_normal.png(888B)
--------sub-line_horizontal.png(148B)
----QssDemo.pro.user(36KB)
----main.cpp(374B)
----mainwindow.ui(2KB)

网友评论

  • 使用QGraphicsDropShadowEffect在低配置机器上是有卡顿的,博主的这个效果挺好。但如果同时给很多控件添加阴影重复代码实在太多了。请教博主有没有什么好方法可以优化?