[PyQt5 QT QML] QtQuick 활용하여 Container 구현하기

개발 환경 구현 : https://donggyu.tistory.com/9

Container 설명 : https://doc.qt.io/qt-5/qml-qtquick-controls2-container.html

💡 Container 란?

컨테이너는 항목의 동적 삽입 및 제거를 허용하는 컨테이너와 유사한 사용자 인터페이스 컨트롤의 기본 유형입니다.

 

💡 Container 구현하기

 

import QtQuick 2.10
import QtQuick.Window 2.10
import QtQuick.Controls 2.3

ApplicationWindow{
    visible: true;
    width: 1280;
    height: 720;
    Row {
        anchors.fill: parent;
        TabBar {
            id: tabBar

            currentIndex: 0
            width: parent.width - addButton.width - btnDelete.width

            TabButton { text: "TabButton" }
        }

        Component {
            id: tabButton
            TabButton { text: "TabButton" }
        }

        Button {
            id: addButton
            text: "+"
            flat: true
            onClicked: {
                tabBar.addItem(tabButton.createObject(tabBar))
                console.log("added:", tabBar.itemAt(tabBar.count - 1))
            }
        }

        Button {
            id: btnDelete
            text: "-"
            flat: true
            onClicked: {
                tabBar.removeItem(tabBar.itemAt(tabBar.count-1));
            }
        }
    }

}

코드 : https://pastebin.com/Y8dF3sKF