QScrollBarスタイルシートの概要

Qscrollbar Style Sheet Summary

図に示すように、QTableViewで使用されるQHeaderViewとスクロールバーのスタイル
スクロールバーは、次の2つの背景画像を使用して、プロジェクトディレクトリの下のimagesフォルダに配置します。 特定のスタイルシートコード、その中のCSSコードは、とにかく、よりエレガントに書くことができます、それは機能します、作り続けることにあまり興味がありません /* Vertical scroll bar */ QScrollBar:vertical { background: url(images/scrollbar-vertical-bg.png) width: 9px margin: 0px 0 0px 0 } QScrollBar::handle:vertical { background: rgb(195, 195, 195) min-height: 20px margin: 0 1px 0 2px border-radius: 3px border: none /*background: qlineargradient(spread:reflect, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(164, 164, 164, 255), stop:0.5 rgba(120, 120, 120, 255), stop:1 rgba(164, 164, 164, 255))*/ /*border-image: url(images/scrollbar-vertical-thumb.png) 8px 0 8px 0 fixed*/ } QScrollBar::add-line:vertical { background: url(images/scrollbar-vertical-bg.png) height: 0px subcontrol-position: bottom subcontrol-origin: margin } QScrollBar::sub-line:vertical { background: url(images/scrollbar-vertical-bg.png) height: 0px subcontrol-position: top subcontrol-origin: margin } QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical { border: 1px solid grey width: 3px height: 3px background: white } QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: none } /* Horizontal scroll bar */ QScrollBar:horizontal { background: url(images/scrollbar-horizontal-bg.png) height: 9px margin: 0px 0 0px 0 } QScrollBar::handle:horizontal { background: rgb(195, 195, 195) min-width: 20px margin: 2px 0px 1px 0px border-radius: 3px border: none } QScrollBar::add-line:horizontal { border: 0px solid grey background: #32CC99 width: 0px subcontrol-position: right subcontrol-origin: margin } QScrollBar::sub-line:horizontal { border: 0px solid grey background: #32CC99 width: 0px subcontrol-position: left subcontrol-origin: margin } QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { background: none }
元のリンク： http://blog.163.com/[メール保護]/ blog / static / 15822093201432741544308 /