QT and QML

[C++,QT/Qml]17.Qml프로그래밍 동적 리스트 만들기3(dynamic ListView)

[C++,QT/Qml]17.Qml프로그래밍 동적 리스트 만들기3(dynamic ListView) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 c++에서 리스트를 만든후에 qml에서 동적으로 리스트를 출력하는 내용을 포스팅 하겠습니다.' 리스트를 어디에선가 받아오려면 c++코드에서 db에 접근하던 서버에서 데이터를 받아오던 해야하는데요 이런과정들을 모두 마치고 리스트들을 받아왔다고 가정을했을때 qml에 출력하는 내용을 다루어 보겠습니다. 아래 코드를 살펴 보겠습니다. connectEvent.hpp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 #i..

[C++,QT/Qml]16.Qml프로그래밍 동적 리스트 만들기2(dynamic ListView)

[C++,QT/Qml]16.Qml프로그래밍 동적 리스트 만들기2(dynamic ListView) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 동적 리스트를 만드는 방법에 대해서 포스팅을 하겠습니다. 동적 리스트를 만들려면 데이터를 어디에선가 arraylist같은 형식으로 가져와야하고 이것들을 qml에 가져와서 동적으로 리스트뷰에 넣어주어야 합니다. 그래서 c++코드에서는 리스트를 가져오고 이 리스트 데이터들을 qml에서 가져와서 데이터들을 동적으로 출력을 시켜주어야 합니다. 그래서 어디선가 리스트를 가져왔다고 가정을 하고 리스트는 c++코드에서 담고 그 리스트들을 qml에서 가져와서 출력하는 식으로 만들려고 합니다. 그런데 리스트뷰에 동적으로 출력을 하더라도 데이터들을 리스트 뷰에 동적으로 넣어..

[C++,QT/Qml]15.Qml프로그래밍 리스트 만들기1(ListView)

[C++,QT/Qml]15.Qml프로그래밍 리스트 만들기1(ListView) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 실무에서 가장 많이 사용되는 리스트 뷰에 대해서 다루어 보려고 합니다. 모든 실무 ui에서는 리스트 뷰는 가장 기본적으로 들어갑니다. 왜냐하면 데이터들을 동적으로 넣어야 할때가 많기 때문에죠 그래서 안드로이드 프로그래밍을 하던 qml을하던 MFC를 하던 리스트 뷰는 아주 많이 사용하는 것중에 하나입니다. 그런데 막상 qml 리스트 뷰를 만들려고 보면 예제 코드가 많이 없고 예제코드가 잘 나와있는게 많이 없다보니 만들기가 많이 어렵습니다. 필자도 물론 리스트뷰를 처음 만들때 정보가 너무 없어서 만드는데 꽤 고생을 한 기억기 납니다. 그래서 qml에서 리스트를 만드시는 분들을 위..

[C++,QT/Qml]14.Qml프로그래밍 cpp qml 연동3(qml 에서 C++ 함수 호출하기)

[C++,QT/Qml]14.Qml프로그래밍 cpp qml 연동3(qml 에서 C++ 함수 호출하기) 오늘 포스팅할 내용은 qml에서 c++함수를 호출하는 2번째 방법 입니다. 기존에는 signal과 slot을 사용해서 함수를 호출을 했다면 이번에는 qml에서 제가 만든 클래스를 등록을 해서 그 클래스의 함수를 직접 호출하는 방법에 대해서 설명 드리겠습니다. qml에서 클래스를 등록하기 위해서는 클래스를 qml에 맞게 타입을 지정해야하고 그 타입을 사용하기 위해서 import를 시켜 주어야 합니다. 아래의 코드를 보겠습니다. main.cpp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 #include #include #inclu..

[C++,QT/Qml]13.Qml프로그래밍 cpp qml 연동2(qml 에서 C++ 함수 호출하기)

[C++,QT/Qml]13.Qml프로그래밍 cpp qml 연동2(qml 에서 C++ 함수 호출하기) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘 포스팅할 내용은 qml에서 c++함수를 호출하는 방법입니다. qml에서 매개변수를 담은 signal을 발생시켜서 c++의 함수에 매개변수를 담아서 넣는 방법으로 qml에서 데이터를 c++함수에 보낼때 사용하는 방법 입니다. 여기서도 똑같이 connect을 이용해서 signal과 slot들을 등록해 줍니다. 등록하는 부분은 이전 포스팅과 같이 cpp클래스 내에서 하면 되고 메인 윈도우의 시그널을 선언해주고 cpp클래스의 slot을 선언해서 연결 해주면 됩니다. 아래 코드를 보면서 설명 드리겠습니다 코드는 지난 포스팅에서 사용한 코드 그대로 사용하고 추가된 ..

[C++,QT/Qml]12.Qml프로그래밍 cpp qml 연동1(c++에서 qml 함수 호출하기)

[C++,QT/Qml]12.Qml프로그래밍 cpp qml 연동1(c++에서 qml 함수 호출하기) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 cpp와 qml의 데이터 전송하는 방법에 대해서 포스팅 하겠습니다. qml의 gui프로그램을 만들다 보면 db에서 데이터를 받아와서 qml에서 데이터를 출력해야 한더던가. 다른앱에서 받아온 데이터들을 qml에서 출력해야 한다는지 등을 만들려고하면 qml프로그래밍 만으로는 한계가 있습니다. 그래서 이런 db에서 받아온다던가 다른앱 에서 받아오는 기능들은 c++을 이용해서 구현 하고있는데요 여기서 c++에서 받은 데이터들을 qml에 넘겨주어야하는데 이럴때 사용하는 방법에 대해 설명 드리겠습니다. qt의 기본적인 구조로는 signal slot이라는 구조를 가지..

[C++,QT/Qml]11.Qml프로그래밍 stackView 사용 하기3(이전 화면의 정보 가져오기,get previous screen data)

[C++,QT/Qml]11.Qml프로그래밍 stackView 사용 하기3(이전 화면의 정보 가져오기,get previous screen data) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 stackview에서 이전 화면의 정보를 가져오는 방법에 대해서 포스팅하겠습니다. stackview에서 이전화면의 정보를 가져오는 방법은 아주 중요합니다. 이전화면이 어떤 화면인가에 따라서 다음화면을 동적으로 표현 해줄수도 있고 이전화면에 따라서 다음화면의 제목이 바뀌는 경우도 있기때문에 이전화면의 정보를 가져오는것은 실무에서 아주 많이 쓰이는 것중에 하나입니다. qml의 stackview에서 이전화면의 정보를 가져오는 방법은 previousItem = stackView.get(myItem.StackView..

[C++,QT/Qml]10.Qml프로그래밍 stackView 사용 하기3(뷰 이동시 애니메이션 변경 하기)

[C++,QT/Qml]10.Qml프로그래밍 stackView 사용 하기3(뷰 이동시 애니메이션 변경 하기) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 qml에서 stackview를 사용할때 뷰가 이동간에 애니메이션을 변경하는 방법에 대해서 포스팅 하게습니다. 이 내용은 실무에서도 많이 쓰는 내용으로 실무에서 애니메이션이 있으면 로딩이 늦게되는 것 같다라는 이슈가 나와서 애니매이션을 없앤 경우도 있었고 뷰이동간에 애니메이션이 기본적인 사양이 있던 경우도 있어서 뷰이동간에 애니메이션을 추가하는 경우도 있었습니다. 그래서 이번 포스팅에서는 뷰이동간에 애니메이션을 없애는 경우와 뷰이동간에 애니메이션을 설정하는 방법에 대해서 설명 드리겠습니다. stackview를 사용하면 기본적으로 뷰가 이동되면서 애..