QML and Qt Quick
2019.06.07 15:31

Qt Quick Controls 2사용 및 스타일 설정

조회 수 11950 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

Qt Quick Controls 2는 QtCreator Design으로 GUI만들기를 하면서 사용한 적이 있다. GUI응용프로그램을 개발할 때 기본적으로 필요한 요소들의 모음이라고 생각하면된다.

 

Qt Quick Controls 2는 Qt Quick Controls 1을 기반으로하지 않으며 성능 향상을 위해 처음부터 다시 디자인되었다. (Qt5.7부터 사용가능하다.)

 

Qt Quick Controls 2는 제한된 리소스가있는 환경에서도 제대로 작동하는 응용 프로그램을 개발할 수 있도록 가벼운 사용자 인터페이스 컨트롤 세트를 제공한다.

 

Qt Quick Controls 2에는 Default, Fusion, Material, Universal 등 다양한 스타일이 제공되며 또한 응용 프로그램에서 단일 컨트롤을 커스텀 스타일링하여 기본 스타일에서 제공하는 것과 다른 모양을 지정할 수 있다.

 

참고로 Material 및 Universal 은 Google의 Material 및 Microsoft의 Universal스타일을 기반으로하며, 이는 공개적으로 사용 가능한 플랫폼 및 장치에 독립적 인 디자인이다.

 

Default

Default.png

 

Fusion

Fusion.png

 

Material

Material.png

 

Universal

Universal.png

 

스타일을 설정하는 방법은 몇가지가 있다.

 

다음과 같이 C++ API 를 사용하는 방법이 있고

QQuickStyle::setStyle("Material");

 

아니면 프로젝트내에 qtquickcontrols2.conf 설정파일을 추가하고 다음과 같이 Controls섹션에 Style을 정의할 수 도 있다.

qtquickcontrols2.conf

[Controls]
Style=Material

[Universal]
;Theme=Dark
Accent=Steel

[Material]
Theme=Light
Accent=BlueGrey
Primary=darkblue

 

다른 방법으로는 환경변수에 설정하거나 Qt응용프로그램을 실행할때 -style 아규먼트를 넘겨 주는방법이있다.

QT_QUICK_CONTROLS_STYLE=universal

 

스타일을 설정하지 않으면 기본으로 선택되겠지만 어쨋든 Qt Quick Controls 2의 기본 사용 조건은 qml 파일의 상단에 다음 라인을 추가하는 것이다.

import QtQuick.Controls 2.12

 

Qt Quick Controls 2.0은 Qt 5.7에 도입되었으며 Qt의 마이너 버전과 일치하는 Qt 5.12이전까지는 Qt Quick Controls 2 모듈의 import 버전을 하나씩 증가시켜 import하면된다.

Qt

QtQuick

QtQuick.Controls,
QtQuick.Controls.Material,
QtQuick.Controls.Universal,
QtQuick.Templates

Qt.labs.calendar,
Qt.labs.platform

5.7

2.7

2.0

1.0

5.8

2.8

2.1

1.0

5.9

2.9

2.2

1.0

5.10

2.10

2.3

1.0

5.11

2.11

2.4

1.0

5.12

2.12

2.12

1.0

...

...

...

...

 

그러면 Qt Quick Controls 2모듈에서 제공하는 컨트롤들을 사용할 수있다. 

https://doc.qt.io/qt-5/qtquick-controls2-qmlmodule.html


  1. No Image notice

    Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서

    Date2019.01.05 CategoryQML and Qt Quick By운영자 Views131086
    read more
  2. No Image

    컨테이너에 적재된 객체를 편리하게 삭제하기

    Date2019.09.18 CategoryGeneral and Desktop Bymakersweb Views7034
    Read More
  3. C++로 구현된 모델을 QML의 ListView에서 참조

    Date2019.09.07 CategoryQML and Qt Quick Bymakersweb Views10323
    Read More
  4. No Image

    QSocketNotifier로 파일 디스크립터의 활동감지

    Date2019.08.28 CategoryQML and Qt Quick Bymakersweb Views9184
    Read More
  5. No Image

    MCU용 Qt에 대해서

    Date2019.08.22 CategoryMobile and Embedded Bymakersweb Views7405
    Read More
  6. [Qt News] Qt for Python을 위한 기술 비전

    Date2019.08.20 CategoryGeneral and Desktop Byj2doll Views10127
    Read More
  7. No Image

    열거형(enum)을 QML에서 사용하는 방법과 문자열(QString)로 얻기

    Date2019.08.20 CategoryQML and Qt Quick Bymakersweb Views10760
    Read More
  8. No Image

    [Qt News] Qt 6 기술 비전 (Technical vision for Qt 6)

    Date2019.08.08 CategoryGeneral and Desktop Byj2doll Views8175
    Read More
  9. No Image

    [Qt News] Qt6 Git 개발 초기 단계 시작하기

    Date2019.08.02 CategoryInstallation and Deployment Byj2doll Views9604
    Read More
  10. No Image

    [Qt] Google Play의 향후 요구 사항을 준수하는 방법

    Date2019.07.29 CategoryQML and Qt Quick Byj2doll Views9160
    Read More
  11. No Image

    Qt기반의 오픈소스 프로젝트들 - 2

    Date2019.07.21 CategoryGeneral and Desktop By운영자 Views11739
    Read More
  12. No Image

    QML, 이미지, 폰트등을 바이너리 리소스로 만들기

    Date2019.06.24 CategoryInstallation and Deployment Bymakersweb Views8389
    Read More
  13. Qt Creator에서 임베디드 장치로 deploy설정(Custom Process Step)

    Date2019.06.15 CategoryInstallation and Deployment Bymakersweb Views9170
    Read More
  14. Qt Quick Controls 2사용 및 스타일 설정

    Date2019.06.07 CategoryQML and Qt Quick Bymakersweb Views11950
    Read More
  15. No Image

    QML 강좌 - 동적 Listing (ListView)

    Date2019.06.01 CategoryQML and Qt Quick Bymakersweb Views15143
    Read More
  16. QtInstallerFramework로 온라인 설치프로그램(Online Installer)만드는 방법

    Date2019.05.28 CategoryInstallation and Deployment Bymakersweb Views12624
    Read More
  17. QtCreator Design으로 GUI만들기 (QML로 만드는 Hello World -2)

    Date2019.05.26 CategoryQML and Qt Quick Bymakersweb Views23627
    Read More
  18. No Image

    QML에서 멀티 스레드(multithreading) 프로그래밍

    Date2019.05.25 CategoryQML and Qt Quick Bymakersweb Views8085
    Read More
  19. No Image

    QtSerialPort를 사용한 시리얼(Serial)통신

    Date2019.05.21 CategoryGeneral and Desktop Bymakersweb Views21344
    Read More
  20. No Image

    Qt기반의 오픈소스 프로젝트들

    Date2019.05.15 CategoryGeneral and Desktop Bymakersweb Views11057
    Read More
  21. No Image

    Q_D매크로와 d-pointer

    Date2019.05.07 CategoryGeneral and Desktop Bymakersweb Views7527
    Read More
Board Pagination Prev 1 4 5 6 7 8 9 Next
/ 9