한국어
Qt
 

Qt Widgets 기반의 응용프로그램을 개발할 때 Qt 스타일 시트를 작성하여 스타일을 사용자 정의할 수 있다. Qt 스타일 시트는 QStyle을 서브클래싱하여 위젯의 모양을 사용자 정의할 수 있는 강력한 메커니즘이다.

다음의 간단한 예제는 응용 프로그램에서 모든 QLineEdit 의 배경색을 노란색으로 설정한다.

qApp->setStyleSheet("QLineEdit { background-color: yellow }");

특정 대화 상자의 자식(또는 손자 또는 손자들)인 QLineEdit에만 속성을 적용하려면 다음과 같이 한다.

myDialog->setStyleSheet("QLineEdit { background-color: yellow }");

Qt 스타일 시트의 구문 규칙이 CSS와 거의 동일하기 때문에 이미 CSS를 알고 있다면 빠르게 작성할 수 있겠지만 처음이라면 어려울 수 있다. 하지만 누군가가 이미 작성해서 공개한 Qt-Material 를 사용하면 쉽게 Dark테마 와 Material 디자인 스타일로 바꿀 수 있다. 다음은 런타임에 동적으로 스타일을 바꾸는 것을 보여 준다.

 

qt-material_example.zip

 

다음과 같이 런타임중에 stylesheet 파일을 읽어 바꿀 수 있다.

...
QFile f(":resource/theme/style.qss");

if (!f.exists())   {
    printf("Unable to set stylesheet, file not found\n");
}

else   {
    f.open(QFile::ReadOnly | QFile::Text);
    QTextStream ts(&f);
    qApp->setStyleSheet(ts.readAll());
}
...

 

https://github.com/UN-GCPDS/qt-material

https://github.com/ColinDuquesnoy/QDarkStyleSheet

번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 118389
100 qbs 사용 방법(Helloworld) file makersweb 2019.10.23 6866
99 Qt로 데이터를 직렬화(serialization)하는 방법 makersweb 2020.08.04 6803
98 ShaderEffect QML Type 을 이용한 그래픽효과 file makersweb 2018.12.09 6775
97 [Qt News] Qt for Python을 위한 기술 비전 j2doll 2019.08.20 6676
96 Qt Creator 에서 GitHub Copilot 사용하기 file makersweb 2024.04.13 6641
95 Qml 어플리케이션 정적 빌드 file makersweb 2018.07.27 6627
94 QML에서 멀티 스레드(multithreading) 프로그래밍 file makersweb 2019.05.25 6588
93 [Qt News] Qt6 Git 개발 초기 단계 시작하기 j2doll 2019.08.02 6574
92 Qt 6.0의 개발 호스트 및 대상 플랫폼 makersweb 2020.09.16 6569
91 [Qt News] Qt 6 기술 비전 (Technical vision for Qt 6) [2] j2doll 2019.08.08 6503
90 싱글 샷(Single-Shot) 시그널/슬롯 연결 makersweb 2021.05.12 6477
89 많은 리소스를 사용하는 Qt프로젝트에서 고려해봐야 할 qmake 옵션 makersweb 2019.10.11 6461
88 QML에서 undefined를 확인하는 방법 makersweb 2017.11.29 6461
87 라즈베리파이3에서 Boot to Qt 실행해보기 makersweb 2019.11.13 6308
86 소스코드에서 환경변수 가져오기와 설정하기 makersweb 2018.10.08 6282
85 안드로이드용 Qt 6.2 makersweb 2021.10.02 6279
84 GPU가 없는 장치에서 Qt Quick을 사용 makersweb 2019.04.02 6273
83 Qt for MCU 1.0 릴리즈 makersweb 2019.12.10 6269
82 앱을 종료할 때 QML 바인딩 오류를 피하는 방법 makersweb 2021.08.08 6238
81 OpenGL 렌더링을 QtQuick과 통합하는 방법 file makersweb 2019.10.01 6206