한국어
Qt
 

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

번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 86034
79 QThread 소개 및 예제 makersweb 2019.12.25 19530
78 ApplicationWindow 와 메뉴바(MenuBar)구성 file makersweb 2020.01.04 1502
77 Qt 멀티 스레드 프로그래밍 시 유의해야 할 몇 가지 makersweb 2020.01.13 4880
76 Qt로 XML 파싱 : Qt 6에서 업데이트된 (Parsing XML with Qt: Updates for Qt 6) [1] j2doll 2020.01.16 979
75 2020년에 변경되는 Qt 오퍼 (Qt offering changes 2020) [2] j2doll 2020.01.31 721
74 QOpenGLWidget 을 투명하게 적용 file makersweb 2020.02.05 1041
73 라즈베리파이4에 대한 Qt 5.14.1 크로스컴파일 [1] file makersweb 2020.02.12 4450
72 QLabel의 텍스트 색과 배경색을 변경 makersweb 2020.02.25 6646
71 Qt로 작성된 안드로이드 APP에 Splash Screen을 추가 file makersweb 2020.03.10 885
70 컨테이너 클래스 - QVector makersweb 2020.03.17 2852
69 콘솔에서 사용자 입력받기 file makersweb 2020.03.22 51851
68 Qt 5.15 및 Qt 6의 출시 일정 makersweb 2020.04.09 934
67 재진입(Reentrancy) 및 스레드 안전성(Thread-Safety) makersweb 2020.04.19 1218
66 Qt기반의 서버와 클라이언트간 SOAP(Simple Object Access Protocol) file makersweb 2020.05.11 974
65 ShaderEffect QML Type을 이용한 버튼 클릭 효과 file makersweb 2020.05.22 1093
64 Embedded Linux 에서 Qt 및 Graphics Stack file 운영자 2020.05.27 615
63 Qt MQTT 에 대해서 file makersweb 2020.06.02 961
62 최초의 Qt 6.0 스냅샷 제공 (First Qt 6.0 Snapshot Available) j2doll 2020.06.21 592
61 Qt로 데이터를 직렬화(serialization)하는 방법 makersweb 2020.08.04 2068
60 UI 폼(Form)작성 시 탭 순서(Tab Order) 설정 file makersweb 2020.08.24 2797