• 17383阅读
  • 16回复

[提问]QWebView如何设置滚动条的样式 [复制链接]

上一主题 下一主题
离线xiangxq
 

只看楼主 倒序阅读 楼主  发表于: 2011-11-11
各位大侠:
请问哈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

只看该作者 1楼 发表于: 2011-11-12
回 楼主(xiangxq) 的帖子
离线xiangxq

只看该作者 2楼 发表于: 2011-11-14
不行呀!
离线wxj120bw

只看该作者 3楼 发表于: 2011-11-14
回 2楼(xiangxq) 的帖子
哪些不行啊?
离线xiangxq

只看该作者 4楼 发表于: 2011-11-24
Re:回 2楼(xiangxq) 的帖子
引用第3楼wxj120bw于2011-11-14 20:53发表的 回 2楼(xiangxq) 的帖子 :
哪些不行啊?

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

只看该作者 5楼 发表于: 2011-11-24
可以在HTML里加载一段.css样式来进行设置。

请搜索HTML中如何写CSS样式来设置浏览器的滚动条。
二笔 openSUSE Vim N9 BB10 XChinux@163.com 网易博客 腾讯微博
承接C++/Qt、Qt UI界面、PHP及预算报销系统开发业务
离线xiangxq

只看该作者 6楼 发表于: 2011-11-25
谢谢!
离线jdwx

只看该作者 7楼 发表于: 2011-11-25
可以设置滚动条样式表,但是鼠标拖动滚动条时,鼠标箭头会在滑块上移动位置,跟滑块移动方向一致,不像原来的滚动条,鼠标不会改变在滑块上的位置
发帖时要说明:操作系统、Qt版本、编译器,这样能更快的得到回复。
离线free510
只看该作者 8楼 发表于: 2011-11-29
离线xiangxq

只看该作者 9楼 发表于: 2011-12-02
引用第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

只看该作者 10楼 发表于: 2011-12-02
回 9楼(xiangxq) 的帖子
发帖时要说明:操作系统、Qt版本、编译器,这样能更快的得到回复。
离线toby520

只看该作者 11楼 发表于: 2015-03-25
网页的滚动条样式是没办法修改的吗?我通过jQuery是可以修改网页诸多元素的属性的,但是滚动条属性一直没有找到合适的方法啊有人知道吗?
QtQML多多指教开发社区 http://qtclub.heilqt.com
将QtCoding进行到底
关注移动互联网,关注金融
开发跨平台客户端,服务于金融行业
专业定制界面
群号:312125701   373955953(qml控件定做)
离线lizaifang

只看该作者 12楼 发表于: 2015-03-25
settings()->setUserStyleSheetUrl(QUrl::fromLocalFile(qApp->applicationDirPath() + "/webkit_scrollbar.css"));

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

只看该作者 13楼 发表于: 2020-01-14
你好,我的问题和你一样,想问怎么把滚动条给隐藏或者禁止呀,谢谢
离线adg123

只看该作者 14楼 发表于: 2020-01-14
回 lizaifang 的帖子
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

只看该作者 15楼 发表于: 2020-01-14
回 wxj120bw 的帖子
wxj120bw:哪些不行啊? (2011-11-14 20:53) 

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

只看该作者 16楼 发表于: 2020-01-15
回 XChinux 的帖子
XChinux:可以在HTML里加载一段.css样式来进行设置。
请搜索HTML中如何写CSS样式来设置浏览器的滚动条。
 (2011-11-24 22:01) 

大佬,这个qwebview下的滚动条怎么删除呀
快速回复
限100 字节
 
上一个 下一个