查看完整版本: [-- QWebView如何设置滚动条的样式 --]

QTCN开发网 -> Qt基础编程 -> QWebView如何设置滚动条的样式 [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

xiangxq 2011-11-11 15:27

QWebView如何设置滚动条的样式

各位大侠：
请问哈QWebView如何设置滚动条的样式。我想通过setStyleSheet来设置它的样式。
我用QWebView->setStyleSheet("QScrollBar:vertical {border: 0; margin: 28px 0px 28px 0px; width: 30px; border-image: url(:/res/pillar_bg.png);}");
也用过QWebView->page()->view()设置setStyleSheet也不行。

谢谢大侠们指教！

wxj120bw 2011-11-12 12:02
希望这个对你有所启发
http://developer.qt.nokia.com/faq/answer/how_can_i_change_the_width_of_the_scrollbar_of_qwebview

xiangxq 2011-11-14 14:08
不行呀！

wxj120bw 2011-11-14 20:53
哪些不行啊？

xiangxq 2011-11-24 15:19
引用第3楼wxj120bw于2011-11-14 20:53发表的 回 2楼(xiangxq) 的帖子 :
哪些不行啊？

就是用你给你的那个链接地址的方法只可以改变scrollBar的宽度，设置不了styleSheet。
主要是得不到qwebview的QScrollBar这个控件。

XChinux 2011-11-24 22:01
可以在HTML里加载一段.css样式来进行设置。

请搜索HTML中如何写CSS样式来设置浏览器的滚动条。

xiangxq 2011-11-25 12:26
谢谢！

jdwx 2011-11-25 13:05
可以设置滚动条样式表，但是鼠标拖动滚动条时，鼠标箭头会在滑块上移动位置，跟滑块移动方向一致，不像原来的滚动条，鼠标不会改变在滑块上的位置

free510 2011-11-29 13:21
http://www.developer.nokia.com/Community/Wiki/%E4%BD%BF%E7%94%A8Qt_Style_Sheets%E5%88%B6%E4%BD%9CUI%E7%89%B9%E6%95%88

xiangxq 2011-12-02 17:06
引用第7楼jdwx于2011-11-25 13:05发表的  :
可以设置滚动条样式表，但是鼠标拖动滚动条时，鼠标箭头会在滑块上移动位置，跟滑块移动方向一致，不像原来的滚动条，鼠标不会改变在滑块上的位置

如何设置呀？可以给出一个例子吗？
下面是我用QWebview设置的，但是没有效果。
QWebview->setStyleSheet("QScrollBar:vertical {border: 0; margin: 28px 0px 28px 0px; width: 30px; border-image: url(:images_18.png);}"                        "QScrollBar::handle:vertical {background: none;border-image: url(:images_29.png);border-width: 5 6 5 4;}"                        "QScrollBar::handle:vertical:hover {background: none;border-image: url(:images_30.png);border-width: 5 6 5 4;}"                        "QScrollBar::handle:vertical:pressed {background: none;border-image: url(:images_31.png);border-width: 5 6 5 4;}"                        "QScrollBar::add-line:vertical {border: 0px solid grey;background: none;height: 28px;subcontrol-position: bottom;subcontrol-origin: margin;border-image: url(:images_15.png); }"                        "QScrollBar::add-line:vertical:hover{border: 0px solid grey;border-image: url(:images_16.png);}"                        "QScrollBar::add-line:vertical:pressed{border: 0px solid grey;border-image: url(:images_17.png);}"                        "QScrollBar::add-line:vertical:disabled{border: 0px solid grey;border-image: url(:scroll_bottom_disable.png);}"                        "QScrollBar::sub-line:vertical {border: 0px solid grey;background: none;height: 28px;subcontrol-position: top;subcontrol-origin: margin;border-image: url(:/kt800/images_03.png);}"                        "QScrollBar::sub-line:vertical:hover {border: 0px solid grey;border-image: url(:images_05.png);}"                        "QScrollBar::sub-line:vertical:pressed {border: 0px solid grey;border-image: url(:images_07.png);}"                        "QScrollBar::sub-line:vertical:disabled {border: 0px solid grey;border-image: url(:scroll_top_disable.png);}"                        "QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {background: none;}"                        "QScrollBar:horizontal {border: 0; margin: 0 28px 0px 28px; height: 30px; border-image: url(:images_80.png);}"                        "QScrollBar::handle:horizontal {background: none;border-image: url(:images_44-20.png);border-width: 5 4 7 5;}"                        "QScrollBar::handle:horizontal:hover {border-image: url(:images_44-25.png);}"                        "QScrollBar::handle:horizontal:pressed {border-image: url(:images_44-30.png);}"                        "QScrollBar::add-line:horizontal {border: 0px solid grey;background: none;width: 28px;subcontrol-position: right;subcontrol-origin: margin;border-image: url(:images_44-23.png); }"                        "QScrollBar::add-line:horizontal:hover{border: 0px solid grey;border-image: url(:images_44-28.png);}"                        "QScrollBar::add-line:horizontal:pressed{border: 0px solid grey;border-image: url(:images_44-33.png);}"                        "QScrollBar::add-line:horizontal:disabled{border: 0px solid grey;border-image: url(:scroll_right_disable.png);}"                        "QScrollBar::sub-line:horizontal {border: 0px solid grey;background: none;width: 28px;subcontrol-position: left;subcontrol-origin: margin;border-image: url(:images_44-22.png);}"                        "QScrollBar::sub-line:horizontal:hover {border: 0px solid grey;border-image: url(:images_44-27.png);}"                        "QScrollBar::sub-line:horizontal:pressed {border: 0px solid grey;border-image: url(:images_44-32.png);}"                        "QScrollBar::sub-line:horizontal:disabled {border: 0px solid grey;border-image: url(:scroll_left_diaable.png);}"                        "QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {background: none;}");

jdwx 2011-12-02 19:13
可以参考：http://doc.qt.nokia.com/stable/stylesheet-examples.html

toby520 2015-03-25 14:12
网页的滚动条样式是没办法修改的吗？我通过jQuery是可以修改网页诸多元素的属性的，但是滚动条属性一直没有找到合适的方法啊有人知道吗？

lizaifang 2015-03-25 17:42
settings()->setUserStyleSheetUrl(QUrl::fromLocalFile(qApp->applicationDirPath() + "/webkit_scrollbar.css"));

剩下的就是通过webkit的scrollbar的css来定义了

adg123 2020-01-14 10:58
你好，我的问题和你一样，想问怎么把滚动条给隐藏或者禁止呀，谢谢

adg123 2020-01-14 11:01
lizaifang:settings()->setUserStyleSheetUrl(QUrl::fromLocalFile(qApp->applicationDirPath() + "/webkit_scrollbar.css"));
剩下的就是通过webkit的scrollbar的css来定义了 (2015-03-25 17:42) 

你好，想问下怎么把滚动条给隐藏或者禁止呀，我的也提取不到qwebview下的scrollbar，用page()->mainFrame()->setScrollBarPolicy(Qt::Vertical, Qt::ScrollBarAlwaysOff)方法没反应，谢谢

adg123 2020-01-14 11:02
wxj120bw:哪些不行啊？ (2011-11-14 20:53) 

你好，想问下怎么把滚动条给隐藏或者禁止呀，我的也提取不到qwebview下的scrollbar，用page()->mainFrame()->setScrollBarPolicy(Qt::Vertical, Qt::ScrollBarAlwaysOff)方法没反应，谢谢

adg123 2020-01-15 09:13
XChinux:可以在HTML里加载一段.css样式来进行设置。
请搜索HTML中如何写CSS样式来设置浏览器的滚动条。
 (2011-11-24 22:01) 

大佬，这个qwebview下的滚动条怎么删除呀


查看完整版本: [-- QWebView如何设置滚动条的样式 --] [-- top --]



Powered by phpwind v8.7 Code ©2003-2011 phpwind
Gzip disabled