구차니의 잡동사니 모음

아니 저런(?) 쓸데없는걸 그려주는 좋은 클래스가 있다니 ㅋ

[링크 : https://doc.qt.io/qt-6/ko/qlcdnumber.html#details]

그 와중에 qt creator 에서 widget으로 제공된다.

프로퍼티가 제법 많다.

소수점 자리는 지정할수 있는데, 아쉽게도(?) 자릿수 까진 없는 듯.

일단 button에 icon 으로 하는 방법과

label을 등록하고 pixmap  으로 등록하는 방법이 qt creator / qt widget designer 에서 마우스로 쉽게 할 수 있는 방법인듯

QButton

[링크 : https://coding-chobo.tistory.com/40]

QLabel

[링크 : https://1d1cblog.tistory.com/37]

[링크 : https://blog.naver.com/hextrial/221109232458]

[링크 : https://stackoverflow.com/questions/5653114/display-image-in-qt-to-fit-label-size]

[링크 : https://qt-dev.com/board.php?board=kkknotice&command=body&no=59]

[링크 : https://github.com/eddykim777/qtbook]

화면에서는 Next 이런게 나오는데 소스에는 없어서 열어보니 QWizard 라는 클래스를 사용중이라 조사.

setTitle로 상단에 표시되는 항목이 지정되고

실제 내용이 label 을 통해 별도로 추가된다.

위저드를 써서 그런가 엄청 심플해진다.

[링크 : https://doc.qt.io/qt-6/qtwidgets-dialogs-trivialwizard-example.html]

[링크 : https://doc.qt.io/qt-6/qwizard.html]

윈도우를 show() hide()로 전환하기

[링크 : https://trading-for-chicken.tistory.com/23]

QStackedWidget::setCurrentIndex()

[링크 : https://chung-n-rang.tistory.com/6]

[링크 : https://doc.qt.io/qt-6/qstackedwidget.html#currentIndex-prop]

qt widget 에서 qml을 다루거나

qml 에서 c++로 기존 socket 등을 쓴다거나 하는걸 찾는 중

[링크 : https://doc.qt.io/qt-6/qtqml-cppintegration-interactqmlfromcpp.html]

[링크 : https://doc.qt.io/archives/qt-5.15/qtqml-cppintegration-topic.html]

  [링크 : https://forum.qt.io/topic/87143/udp-and-tcp-sockets-with-qml]

[링크 : https://wiki.qt.io/QWidget-in-QML/ja]

[링크 : https://qt-dev.com/board.php?board=qnaboard&page=3&category=1&command=body&no=810]

socket은 좀더 찾아 봐야 할 것 같은데

내부통신이 아닌 외부장치와의 통신은 qt quick / qml 에서 어떻게 구현되는지 궁금해짐

 다른 예제

[링크 : https://makersweb.net/qt/22792]

로더라는 말은 몇번 봤는데 예제는 이제 찾아봄.

구현 자체는 무지 쉬워보이는데 라이프 사이클이라던가 좀 봐야할 듯.

[링크 : https://doc.qt.io/qt-6/ko/qml-qtquick-loader.html]

[링크 : https://blog.naver.com/ekthatkxkd/221722032058]

[링크 : https://studiodoc.tistory.com/176]

dialog 띄우고 show, hide 하는것도 방법이지만

layout 에다가 widget을 추가하고 layout을 stack 해서 새 창을 띄울 것들을 새로운 stack에 넣어서 하는 것도 방법이고

아니면 위젯을 스택해서 쓰는것도 방법일 듯 한데

구조적으로는 stackedlayout에 widget을 넣어 운영하는게 좀 더 맞는 듯?

[링크 : https://wikidocs.net/185879]

qstackedwidget

[링크 : https://wikidocs.net/162838]

[링크 : https://doc.qt.io/qt-6/qwidget.html]

[링크 : https://doc.qt.io/qt-6/qstackedwidget.html]

[링크 : https://qt-dev.com/board.php?board=qnaboard&page=4&category=1&command=body&no=758]

[링크 : https://hobbylife.tistory.com/entry/PySide6-QStackedWidget-완전-정복-–-클릭-이벤트와-사용법]

qstackedlayout

[링크 : https://m.blog.naver.com/raffiner/222027119916]

[링크 : https://doc.qt.io/qt-6/qstackedlayout.html]

qt quick 으로 작성된 계산기 어플 소스 분석

실행하면 평범한 계산기가 뜬다.

가로로 길게 늘리면 공학계산기로 바뀐다.

프로젝트는 아래와 같이 구성되어 있고

main.cpp

언제나 그렇듯(?) main.cpp 는 조촐하고 별 내용이 없다.

// Copyright (C) 2020 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQuickStyle>

int main(int argc, char *argv[])
{
    QCoreApplication::setOrganizationName("QtProject");
    QCoreApplication::setApplicationName("Calqlatr");

    QGuiApplication app(argc, argv);

    QQuickStyle::setStyle("Basic");

    QQmlApplicationEngine engine;
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreationFailed,
            &app, []() { QCoreApplication::exit(-1); },
            Qt::QueuedConnection);
    engine.loadFromModule("demos.calqlatr", "Main");

    return app.exec();
}

Main.qml

전체 모양을 그리는 녀석인데, design 에서 보면 아래처럼 보인다.

다만 qt designer의 버그인지 ApplicationState 의 id: state 구문이 에러가 나는데

위지윅 에디터에서 보려면 해당 라인을 주석처리 하면 된다. (물론 실행하면 작동안하게 되는 버그 발생)

column, row Layout 으로 배치를 어떻게 하는것 같고

Keys.onPressed: function (event) {} 를 통해서 키 입력시 state에 추가하는 식으로 작동하게 된다.

ApplicationState.qml

말로는 qml  인데 design에서 보여지는 요소는 존재하지 않고

main.qml 에서 호출되는 operatorPressed() 나 digitPressed()와 같은 함수가 존재한다.

특이한건 import as 인데 js를 불러서 CalcEngine 으로 사용하는 부분 정도?

그 와중에 Display는 display.qml 에서 끌려오는건가?

calculator.js

평범한(?) js로 작성된 코드가 존재한다.

Display.qml

design 상에서는 별 내용이 없어 보이지만

코드에서는 라인별로 추가하는 등 제법 ui를 건드리는 작동을 많이 한다.

Numpad.qml

계산기의 버튼 부분인것 같은데 rectangle 안에 Rowlayout  안에 GridLayout이 있는데 그래서 그런가 이상하게 보여지는 느낌.

그나저나 제곱이나 sin tan 같은 과학계산기도 넣으려다가 흔적만 남은건가?

BackspaceButton.qml

numpad 에서 호출되는 버튼. 그 외에는 크게 눈에 띄진 않네

CalculatorButton.qml

numpad 에서 호출되는 버튼. 그 외에는 크게 눈에 띄진 않네 2