한국어
Qt
 

이번엔 아이템들을 배치 시키는 컴포넌트를 소개한다.

 

Row

Row는 가로형태로 아이템을 배치시킨다.

import QtQuick 2.11
import QtQuick.Window 2.11

Window {
    id: idWindow
    visible: true
    width: 700
    height: 300
    flags: Qt.FramelessWindowHint

    Row{
        anchors.centerIn: parent
        spacing: 20

        Image{
            source: "houses-1622066_640.jpg"
        }

        Image{
            source: "houses-1622066_640.jpg"
        }
    }
}

 

Row를 이용해 Image를 가로형태로 배치시켰다.

row.png

 

Repeater를 사용하면 같은 아이템들을 일일이 나열할 필요없이 간단하게 아이템을 반복하여 배치시킬 수 있다.

Rectangle{
    anchors.fill: parent
    color: "#F0F0F0"

    Row{
        anchors.centerIn: parent
        spacing: 20

        Repeater{
            model: 2
            Image{
                source: "houses-1622066_640.jpg"
            }
        }
    }
}

 

Column

Column은 아이템들을 새로로 배치 시킨다.

import QtQuick 2.11
import QtQuick.Window 2.11

Window {
    id: idWindow
    visible: true
    width: 400
    height: 600
    flags: Qt.FramelessWindowHint


    Rectangle{
        anchors.fill: parent
        color: "#F0F0F0"

        Column{
            anchors.centerIn: parent
            spacing: 20

            Image{
                source: "houses-1622066_640.jpg"
            }

            Image{
                source: "kingfisher-2046453__180.jpg"
            }
            Rectangle{
                color: "green"
                width: 110
                height: 50
            }
        }
    }
}

 

Image와 Rectangle을 새로로 배치

Column.png

 

번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 117009
140 Qt Logging Rule, Qt 프레임워크 로그 출력 makersweb 2017.01.13 9118
139 Windows에서 라즈베리파이3 Qt 어플리케이션 개발 및 원격 실행 file makersweb 2018.02.23 9064
138 멀티 스레드환경, 스레드에 안전한 이벤트처리 makersweb 2016.10.27 8995
137 Qt기반의 오픈소스 프로젝트들 makersweb 2019.05.15 8991
136 Qt기반의 오픈소스 프로젝트들 - 2 운영자 2019.07.21 8917
135 UI 폼(Form)작성 시 탭 순서(Tab Order) 설정 file makersweb 2020.08.24 8828
134 C++로 구현된 모델을 QML의 ListView에서 참조 file makersweb 2019.09.07 8821
133 Qt 를 사용하거나 기반으로 하는 응용프로그램 file makersweb 2021.01.30 8670
132 QString 문자열에서 숫자만 추출해서 QString으로 반환 makersweb 2017.01.10 8430
131 Qt응용프로그램 실행 시 콘솔창(터미널)같이 띄우기 file makersweb 2019.01.16 8424
130 라즈베리파이4에 대한 Qt 5.14.1 크로스컴파일 [1] file makersweb 2020.02.12 8406
129 Qml에서 키보드 입력 이벤트 핸들링 file makersweb 2018.08.09 8330
128 QML에서 앵커(anchors)로 위치 지정 file makersweb 2021.10.05 8262
127 Qml 기본 컴포넌트 강좌 (4) - 모델 리스팅(Listing) file 운영자 2019.02.23 8221
126 Windows에서 Qt D-Bus를 사용하여 프로세스간 통신(IPC) file makersweb 2019.05.02 8092
125 QTextCodec클래스를 사용하여 유니코드와 EUC-KR 변환 makersweb 2019.03.25 7984
124 Widgets(C++) 기반의 기본 스타일을 Dark 테마 및 Material 디자인 스타일로 바꾸기 file makersweb 2023.01.28 7876
123 QML에서 동적으로 텍스트 다국어 처리 file makersweb 2018.11.04 7778
122 열거형(enum)을 QML에서 사용하는 방법과 문자열(QString)로 얻기 makersweb 2019.08.20 7737
121 QNetworkAccessManager를 통해 HTTP POST 하는 예제 makersweb 2019.01.17 7732