한국어
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 86200
19 다국어 지원 어플리케이션 개발 file makersweb 2018.01.27 2986
18 Qt 어플리에이션 전역에 폰트 설정 makersweb 2018.01.24 5637
17 Qt 3D Studio 시작하기 file makersweb 2018.01.11 3830
16 QPA 플러그인과 HTML5 Backend file makersweb 2017.12.27 809
15 임의의 메모리 영역(QImage)에 QPainter를 이용하여 그리기 file makersweb 2017.12.19 3465
14 QML에서 undefined를 확인하는 방법 makersweb 2017.11.29 1490
13 QPA 플러그인과 EGLFS file makersweb 2017.11.21 3946
12 타임스탬프( timestamp) 유닉스 시간 makersweb 2017.10.19 1627
11 Qt Logging Rule, Qt 프레임워크 로그 출력 makersweb 2017.01.13 3715
10 QString 문자열에서 숫자만 추출해서 QString으로 반환 makersweb 2017.01.10 3078
9 멀티 스레드환경, 스레드에 안전한 이벤트처리 makersweb 2016.10.27 5051
8 Ubuntu Linux에서 Qt Creator 설치 file makersweb 2016.03.06 10682
7 QtConcurrent를 이용하여 쓰레드를 만드는 방법과 MapReduce file makersweb 2016.01.24 9483
6 Qt 프로그래밍의 시작 makersweb 2015.10.25 14414
5 Qt의 스레드간 시그널 슬롯의 커넥션타입 [1] makersweb 2015.10.24 10224
4 Qt의 시그널 슬롯 시스템 file makersweb 2015.10.20 23682
3 QQuickImageProvider 를 이용한 Qml 에서 이미지 표시 makersweb 2015.10.18 6008
2 Qml 사용자 ScrollBar 구현 file makersweb 2015.07.24 6234
1 z-order 를 컨트롤 하기위한 방법 makersweb 2015.05.13 6594