Qt Quick Controls - 갤러리

이 갤러리 예제는 모든 컨트롤을 포함하는 드로어 메뉴가 있는 간단한 애플리케이션입니다 Qt Quick Controls. 각 메뉴 항목을 열면 해당 컨트롤의 그래픽 모양을 보여주고, 컨트롤을 직접 조작해 볼 수 있으며, 어떤 상황에서 이 컨트롤을 사용하는 것이 유용한지 설명해 주는 페이지가 표시됩니다.

애플리케이션이 세로 모드일 때, 드로어는 왼쪽 가장자리에서 스와이프하여 열 수 있는 상호작용이 가능한 측면 패널입니다. 이 패널은 콘텐츠 위에 표시되며, 모달 배경을 통해 사용자 상호작용을 차단합니다. 애플리케이션이 가로 모드일 때, 드로어와 콘텐츠는 나란히 배치됩니다.

애플리케이션의 현재 방향은 창의 너비와 높이, 그리고 설정에 지정된 방향 모드 구성을 비교하여 결정됩니다.

readonly property bool portraitMode: !orientationCheckBox.checked || window.width < window.height

이 예제는 모든 내장된 Qt Quick Controls 스타일을 지원하므로 런타임 스타일 선택을 사용합니다.

예제 실행

다음 위치에서 예제를 실행할 수 있습니다:

• Qt Creator

  Welcome 모드를 열고 Examples 에서 예제를 선택합니다. 자세한 내용은 Qt Creator: 튜토리얼: 빌드 및 실행을 참조하십시오.

• Qt Extension for Visual Studio Code

  Command Palette 에서 Qt: Open Qt examples 명령을 실행하고 목록에서 예제를 선택합니다. 자세한 내용은 Qt Extension for Visual Studio Code: 튜토리얼: 빌드 및 실행을 참조하십시오.

code.qt.io의 예제 프로젝트