QScrollBar의 css 설정 상세 정보

본고는 주로 QScrollBar의 스타일시트 설정 문제를 소개한다.

setStyleSheet(QString::fromUtf8("\
           QScrollBar::vertical {\
              background:rgb(63,70,87);\
              border:0px solid grey;\
              width: 30px;\
              margin:30px 0px 30px 0px;\
           }\
           QScrollBar::handle:vertical {\
              background: rgb(108,113,125);\
              border: 1px solid grey;\
              border-radius:0px;\
              min-height: 20px;\
              width:30px;\
          }\
          QScrollBar::add-line:vertical {\
              height: 30px;\
              subcontrol-origin:margin;\
          }\
          QScrollBar::sub-line:vertical {\
              height: 30px;\
              subcontrol-origin:margin;\
          }\
          QScrollBar::up-arrow:vertical {\
             subcontrol-origin: margin; \
             height: 31px;\
             border:0 0 0 0;\
             border-image: url(:images/uparrow.png);\
          }\
          QScrollBar::down-arrow:vertical { \
             subcontrol-origin: margin; \
             height: 31px;\
             border-image: url(:images/downarrow.png);\
          }\
          QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {\
             background: none;\
             border:0,0,0,0;\
          }\
          QScrollArea {\
             border:0,0,0,0;\
             background:rgb(63,70,87);\
          }\
"));

1. QScrollBar::vertical은 세로 스크롤 바를 설정합니다. 수평은horizon이고 기본값은 아래와 오른쪽입니다.주된 주의는margin:30px0px30px0px이다.반드시 있어야 한다. 그렇지 않으면 위아래 화살표가 보이지 않을 것이다.
2. QScrollBar::handle:vertical 세로 스크롤 바 중간에 미끄러지는 핸들 설정,min-height: 20px;이것은 최소 높이를 나타낸다
3. QScrollBar::add-line은 스크롤 바 아래의 화살표 구역으로 아래로 한 줄 내려가는 것을 누르고sub-line은 위쪽입니다.
 height: 30px;\ subcontrol-origin:margin;\
필수이었어
4. QScrollBar: up-arrow down-arrow 위아래 화살표, 높이가 좀 높아야 보기
5. QScrollArea는 스크롤 막대의 위아래 화살표 사이 영역에 대한 스타일 설정입니다.