한국어
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 91805
20 Qt Safe Renderer 개요 file makersweb 2022.09.08 1288
19 QMake 프로젝트를 CMake 프로젝트로 변환 with qmake2cmake makersweb 2022.09.17 1915
18 QProcess 보안 권고 리뷰 file makersweb 2022.09.18 1422
17 VTK 를 사용해서 강력한 시각화(3D, Plotting, Chart)Qt 응용프로그램 개발하기 file makersweb 2022.10.16 2940
16 Qt Property(속성) 시스템 makersweb 2023.01.08 3544
15 하드디스크 드라이브 여유 공간 계산 file makersweb 2023.01.15 1606
14 QProcess 예제 (프로그램 재시작) file makersweb 2023.01.25 2148
13 OpacityMask 예제 file makersweb 2023.01.26 2016
» Widgets(C++) 기반의 기본 스타일을 Dark 테마 및 Material 디자인 스타일로 바꾸기 file makersweb 2023.01.28 2784
11 Qt 하이브리드 애플리케이션(Hybrid App) 개발 file makersweb 2023.02.08 2242
10 QML에서 D-Bus 통신 file makersweb 2023.03.15 2031
9 Base64로 인코딩된 파일을 복원 makersweb 2023.08.06 1575
8 QML의 사용자 정의 Image makersweb 2023.09.17 1895
7 Android 애플리케이션 서명 구성 file makersweb 2023.12.17 1783
6 QRhi 에 대해서 file makersweb 2023.12.29 1661
5 클라우드용 Qt file makersweb 2024.01.16 1863
4 QtQuick 애플리케이션에 Rive 애니메이션 통합 makersweb 2024.03.31 1570
3 Qt Creator 에서 GitHub Copilot 사용하기 file makersweb 2024.04.13 1822
2 Qt 응용프로그램에 Web 구성 요소를 표시 with Servo file makersweb 2024.04.27 1429
1 Visual Studio Code용 Qt 확장팩 file makersweb 2024.10.09 1025