상세 컨텐츠

본문 제목

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

QT|QML

by donggyu1998 2021. 6. 9. 12:22

본문

반응형

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

CheckBox 관련 설명 : https://doc.qt.io/qt-5/qml-qtquick-controls2-checkbox.html

 

💡 실행 화면

💡 CheckBox는 무엇인가?

heckBox는 설정 (선택) 또는 해제 (선택 해제) 할 수있는 옵션 버튼을 제공합니다. 확인란은 일반적으로 옵션 집합에서 하나 이상의 옵션을 선택하는 데 사용됩니다. 목록에있는 옵션과 같이 더 큰 옵션 세트의 경우 대신 CheckDelegate 를 사용하는 것이 좋습니다.

CheckBox는 AbstractButton 에서 API를 상속합니다 . 예를 들어 체크 박스의 상태는 checked 속성 으로 설정할 수 있습니다 . 확인 된 상태와 선택되지 않은 상태 외에도 부분적으로 확인 된 세 번째 상태가 있습니다. 부분적으로 확인 된 상태는 tristate 속성을 사용하여 활성화 할 수 있습니다 . 이 상태는 일반 확인 / 확인 해제 상태를 확인할 수 없음을 나타냅니다. 일반적으로 확인란에 영향을 미치는 다른 상태 때문입니다. 이 상태는 예를 들어 트 리뷰에서 여러 자식 노드를 선택할 때 유용합니다.

 

💡 CheckBox 구현

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("CheckBox Demo")

    Column {
        spacing: 20
        anchors.horizontalCenter: parent.horizontalCenter

        CheckBox {
            text : "Option1"
            checked: true
            onCheckStateChanged: {
                if ( checked === true)
                {
                    console.log("Option1 is checked")
                }else{
                    console.log("Option1 is unchecked")
                }
            }
        }
        CheckBox {
            text : "Option2"
        }
        CheckBox {
            text : "Option3"
            checked: false
            enabled: false
        }
    }
}

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

반응형

관련글 더보기