코딩 연구소

💡 가운데 설정 import QtQuick 2.6 import QtQuick.Window 2.2 import QtQuick.Controls 1.4 Window { visible: true width: 800 height: 680 title: qsTr("위치 속성 지정") Button { id: btn_center anchors.centerIn: parent width: 130 height: 50 text: "가운데 버튼" } } 💡 실행 사진 💡 가운데 버튼 왼쪽에 위치 넣기 import QtQuick 2.6 import QtQuick.Window 2.2 import QtQuick.Controls 1.4 Window { visible: true width: 800 height: 680 title: qsT..

QT|QML 2021. 7. 8. 18:54

💡 실행 화면 💡 main.cpp #include #include #include #include #include #include int main(int argc, char *argv[]) { QGuiApplication app(argc, argv); QQmlApplicationEngine engine; engine.load(QUrl(QStringLiteral("main.qml"))); // set Calculator *ca = new Calculator(); engine.rootContext()->setContextProperty("Calculator", ca); return app.exec(); } main.cpp에서 calculator 객체를 생성합니다. 그 후 engine.rootContext()..

QT|QML 2021. 7. 8. 18:39

💡 실행사진 이미지를 구해서 넣어주세요. QML로 로딩 스피너를 빠르게 만드는 방법입니다. 로딩 스피너는 앱이 백그라운드에서 작업을 수행 할 때 몇 초가 걸리고 사용자가 사용자 인터페이스를 클릭하는 것을 원하지 않을 때 항상 중요합니다. 매우 나쁜 정적 창을 표시하는 대신 사용자에게 무슨 일이 일어나고 있는지 보여줍니다. 앱이 몇 초만 걸리는 경우 진행률 표시기를 표시 할 필요가 없습니다. 논리에 실제 진행 값이 없으면 어쨌든 매우 까다로워집니다. 로딩 스피너를 표시하는 동안 중단되지 않도록 백그라운드 스레드에서 작업을 처리합니다. 💡 animated loading spinner with QML Row { spacing: 8 // Rotating icon Text { id: loadingSpinner f..

QT|QML 2021. 7. 2. 18:36

QML의 아름답고 부드러운 QT Spin Progress QT 자료 : https://wiki.qt.io/QML_Progress_Spinner QT 자료 : https://doc.qt.io/qt-5/qml-qtquick-controls2-busyindicator.html 개발자 내용 : 디자인의 대부분은 여기 에서 가져 왔습니다 . 다양한 장소에서 가져온 다른 디자인도 있습니다. 출처 및 자료 : https://github.com/Furkanzmc/QML-Loaders 💡 Supported Types Sharingan BlockLoader FishSpinner DoubleFishSpiner PulseLoader LineSpinner RectangleLoader (Concept by Enes Özgör) ..

QT|QML 2021. 7. 1. 10:49

QT 자료 : https://doc.qt.io/qt-5/qmltypes.html 💡 ID 소문자로 첫자 시작하는 규칙 모든 객체들은 ID를 가질 수 있고, QML 하나의 문서 내에서 동일한 ID 부여는 안된다. 상위에서 하위를, 혹은 하위에서 상위를 호출할때 사용되며 자식이 부모를 이를 때만 별도의 부여 없이 parent로 호출이 가능하다. 💡 Width / height / x / y 가로, 세로, x축, y축 위치 설정 하는 것으로 int 값으로 작성해야 된다. 여러가지 옵션 세팅 시, 중간에 세미콜론(;)을 넣어 한줄로 이어 작성이 가능하다. 라인이 짧아지는 장점은 있으나 가독성이 떨어지기 때문에 anchors를 쓰게 된다. 💡 Color 내부의 색상 설정으로 color값은 "#000000", "bl..

QT|QML 2021. 7. 1. 10:34

💡 QML Customizing qml databinding QML 작업을 하다보면 같은 코드 패턴이지만 width, height, anchors만 다르고 나머지는 다 똑같은 경우가 발생한다. 이런 경우 Customizing DataBinding으로 하나의 qml을 만들고 그곳에 signal로 연결하여 사용이 가능하다. 그러면 우리는 main에서 같은 코드를 반복할 필요없이 하나의 qml을 만들고 signal과 property를 지정하여 Rectangles로 더 효율적인 코드 활용이 가능하다. 내용이 어렵다면 아래 코드를 참고하면 됩니다. 이 코드를 활용하여 QML MVVM 패턴 View - View Model 활용도 가능합니다. 💡 main.qml Rectangles { id: anchors.left:..

QT|QML 2021. 6. 30. 14:24

💡 실행 사진 참고 자료 : https://doc.qt.io/qt-5/qtquick-modelviewsdata-modelview.html#mouse-and-touch-handling 참고 자료 : https://doc.qt.io/qt-5/qml-qtqml-models-listmodel.html#append-method 뷰는 콘텐츠의 드래그 및 플릭을 처리하지만 개별 델리게이트와의 터치 상호 작용은 처리하지 않습니다. 예를 들어 currentIndex를 설정하기 위해 델리게이트가 터치 입력에 반응하려면 델리게이트가 적절한 터치 처리 로직이있는 MouseArea를 제공해야합니다. 키 입력은 기본적으로 작동하지만 델리게이트에서 마우스 / 터치 이벤트를 명시 적으로 포착 하고 선택한 델리게이트 항목 값에 따라 ..

QT|QML 2021. 6. 29. 14:45

💡 실행 사진 Qt는 기본적으로 QObject를 기반으로 시그널, 슬롯 시스템으로 동작된다. 이 것은 QML에서도 마찬가지이며 간단한 예제들을 통해 QML내에서 어떻게 사용되는지 알아보자. 💡 기본 시그널 모든 qml 아이템은 다음과 같은 기본 시그널들이 있다. completed() 객체가 생성될 때 발생 destruction() 객체가 파괴될 때 발생 💡 SignalItem.qml import QtQuick 2.12 QtObject { signal signalItemCreated(string name) Component.onCompleted: { signalItemCreated("SignalItem") } } 💡 main.qml import QtQuick 2.13 import QtQuick.Window..

QT|QML 2021. 6. 29. 14:38