한국어
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 88324
99 Qt Creator에서 임베디드 장치로 deploy설정(Custom Process Step) file makersweb 2019.06.15 2326
98 Qt로 데이터를 직렬화(serialization)하는 방법 makersweb 2020.08.04 2317
97 ShaderEffect QML Type 을 이용한 그래픽효과 file makersweb 2018.12.09 2306
96 Qml 어플리케이션 정적 빌드 file makersweb 2018.07.27 2281
95 [Qt News] Qt 6 기술 비전 (Technical vision for Qt 6) [2] j2doll 2019.08.08 2227
94 VTK 를 사용해서 강력한 시각화(3D, Plotting, Chart)Qt 응용프로그램 개발하기 file makersweb 2022.10.16 2108
93 MCU용 Qt에 대해서 makersweb 2019.08.22 2051
92 Loader를 사용하여 동적으로 QML 로드 makersweb 2021.01.19 2031
91 GPU가 없는 장치에서 Qt Quick을 사용 makersweb 2019.04.02 2003
90 소스코드에서 환경변수 가져오기와 설정하기 makersweb 2018.10.08 1982
89 Qt MQTT의 pus/sub 튜토리얼 file makersweb 2021.02.06 1966
88 QSocketNotifier로 파일 디스크립터의 활동감지 makersweb 2019.08.28 1872
87 라즈베리파이3에서 Boot to Qt 실행해보기 makersweb 2019.11.13 1813
86 컨테이너에 적재된 객체를 편리하게 삭제하기 makersweb 2019.09.18 1797
85 타임스탬프( timestamp) 유닉스 시간 makersweb 2017.10.19 1790
84 표를 만들고 PDF문서로 출력하기 file makersweb 2018.09.30 1758
83 QRandomGenerator 클래스를 사용하여 난수(random values) 생성 makersweb 2020.10.17 1751
82 Qt for Embedded Linux 화면출력 makersweb 2019.10.17 1750
81 [Qt News] Qt for Python을 위한 기술 비전 j2doll 2019.08.20 1750
» Widgets(C++) 기반의 기본 스타일을 Dark 테마 및 Material 디자인 스타일로 바꾸기 file makersweb 2023.01.28 1739