Qt 滚动条样式笔记

最新推荐文章于 2024-09-11 16:00:30 发布

sunshine_505

最新推荐文章于 2024-09-11 16:00:30 发布

阅读量903

点赞数

分类专栏： Qt学习文章标签： qt css javascript

本文链接：https://blog.csdn.net/sunshine_505/article/details/122406768

版权

本文详细记录了在Qt中如何使用CSS样式来自定义滚动条的外观和行为，包括水平和垂直滚动条的样式设置，以及如何结合JavaScript实现更丰富的交互效果。

摘要由CSDN通过智能技术生成

    m_scrollArea->verticalScrollBar()->setStyleSheet("QScrollBar:vertical{ background: transparent; border: 0px; width: 2px;}"
                                                     "QScrollBar::handle:vertical{ background-color:rgba(153, 153, 153, 0.2);width:2px;min-height:20px;border-radius:2px;}"
                                                     "QScrollBar::add-line:vertical,QScrollBar::sub-line:vertical{ subcontrol-origin: margin; border:0px solid gray; height: 0px;}"
                                                     "QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical{ background: transparent;}");


    m_scrollArea->horizontalScrollBar()->setStyleSheet("QScrollBar:horizontal{ background: transparent; border: 0px; width: 2px;}"
                                                       "QScrollBar::handle:horizontal{ background-color:rgba(153, 153, 153, 0.2);width:2px;min-height:20px;border-radius:2px;}