QT and QML

[C++,QT/Qml]9.Qml프로그래밍 stackView 사용 하기2(뷰 시작시 데이터 넣기)

[C++,QT/Qml]9.Qml프로그래밍 stackView 사용 하기2(뷰 시작시 데이터 넣기) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 qml의 stackView에서 뷰 시작시에 데이터를 넣는 방법에 대해서 포스팅 하겠습니다. 실무에서 stackview를 사용하면 view를 시작하자마자 데이터들을 set해주어야 할때가 많습니다. 리스트가 있다면 리스트의 데이터를 넣어준다던가 아니면 게시판같은 화면같은경우에는 게시판 내부에있는 글들을 가져화서 화면에 보여주어야하는데 이럴때 사용하는 방법에 대해서 설명 드리겠습니다. qml에서는 item이 만들어지자 마자 호출하는 함수가 있는데 그 함수는 Component.onComplete라는 함수 입니다. 이 함수는 특정 타입이 생성이 되면 호출이 되는 것..

[C++,QT/Qml]8.Qml프로그래밍 stackView 사용 하기1

[C++,QT/Qml]8.Qml프로그래밍 stackView 사용 하기1 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 stackView에 대해서 포스팅 하겠습니다. stackView는 단어 자체 만을 view를 stack에 넣어서 화면을 한개씩 보여주는 타입 입니다. stack이라는 자체가 LIFO(Last In Frist Out) 스택에 마지막으로 들어간 것이 제일 먼저 삭제가 되는 구조로 view가 마지막으로 들어간 것이 제일 먼저 삭제가 되는 것입니다. 예를들어 메인화면인 A라는 화면이 있을때 B라는 화면이 들어오면 B화면이 보여지다가 B라는 화면이 우선 삭제가 되고 B라는 화면이 삭제가 되면 A화면이 보여지게 되는 구조 입니다. 위와같은 구조이기 때문에 나중에 들어간 데이터가 제일 먼저 삭..

[C++,QT/Qml]7.Qml프로그래밍Image추가하기3(이미지에 마우스 이벤트 주기 press,release)

[C++,QT/Qml]5.Qml프로그래밍Image추가하기3(이미지에 마우스 이벤트 주기 press,release) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 qml에 이미지를 추가후 press 및 release 이벤트를 주는 방법을 포스팅 하겠습니다. press와 release를 실무에서 엄청 많이 쓰는 이벤트로 버튼 말고도 리스트를 push(press)했을때나 리스트를 release 했을때 많이 쓰는 속성입니다. 리스트를 push했을때 어떤 리스트가 push되었는지 파악하기 위해서 많이쓰는 표현으로 이글을 읽으시는 분들이 qml을 실무에 쓰게되면 무조건 쓰게되는 속성중에 하나 입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 ..

[C++,QT/Qml]6.Qml프로그래밍Image추가하기2(이미지에 마우스 이벤트 주기 hover,onclick)

[C++,QT/Qml]5.Qml프로그래밍Image추가하기2(이미지에 마우스 이벤트 주기 hover,onclick) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 지난 포스팅에서 추가한 이미지를 이용해서 클릭할때마다 이미지가 바뀌게끔 하는 로직을 적용 해보겠습니다. 이미지를 클릭할때마다 이미지가 바뀌게 하려면 이미지에다 마우스 클릭 이벤트를 주어야 합니다. 마우스 클릭 이벤트는 onclick,shortclick,longclick 등이 있습니다. onClick의 일반적으로 클릭 했을때 발생하는 이벤트이고 shortclick은 짧게 클릭했을때 발생하는 이벤트고 longClick은 길게 클릭했을때 발생하는 이벤트 입니다. 이외에도 press,Release등도 있습니다. press는 마우스를 클릭한 상태였..

[C++,QT/Qml]5. Qml 프로그래밍Image 추가하기(절대경로,상대경로)

[C++,QT/Qml]5.Qml프로그래밍Image추가하기1(절대경로,상대경로) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 QT에 이미지를 추가하는 방법에 대해서 포스팅 하겠습니다. 이미지 추가하는 방법에는 2가지 방법이 있습니다. 절대 경로로 추가하는 방법이 있고 상대 경로로 추가하는 방법이 있습니다. 절대경로는 현재 이미지가 있는 경로를 따라가서 찾아주는 것이고 상대 경로는 현재 프로젝트의 파일기준으로 이미지의 위치를 찾아주는 것 입니다. QT에서는 이미지를 상대 경로로 찾게하려면 프로젝트에 추가를 해야합니다. 그러나 이미지를 프로젝트에 추가하면 빌드할때 리소스가 추가가되어서 그만큼 빌드 시간이 길어집니다. 이미지를 적게 쓰면 상관이 없지만 이미지를 많이 쓰게되면 상대경로로 찾아서 이미지를 ..

[C++,QT/Qml]4. Qml 프로그래밍 text 사용하기 3(텍스트 속성 설명,custom type 만들기)

[C++,QT/Qml]4. Qml 프로그래밍 text 사용하기 3 (텍스트 속성 설명,custom type 만들기) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘 포스팅에서는 QML텍스트 속성에 대해서 알아보겠습니다. 프로그램에 텍스트를 넣을때 사용자가 원하는 스타일이 있을수도 있습니다. 예를들어 폰트는 어떻게 해야하고 글자 크기는 어떻게 해야하는지 등 고려해야 하는 부분이 많습니다. 그런데 텍스트를 설정할때마다 폰트를 항상 지정하게되면 코드길이도 길어지고 여러가지 기본으로 적용해야하는 속성들을 텍스트를 만들때마다 넣게되면 코드길이가 많이 길어지겠죠?? 그래서 이번 시간에는 간단하게 텍스트 속성 설명등을 하고 여러 속성들을 하나로 정의해서 그 타입들을 가져와서 사용하는 방법을 설명 드리겠습니다. 1..

[C++,QT/Qml]3. Qml 프로그래밍 text 사용하기 2(텍스트 줄바 꿈)

[C++,QT/Qml]3. Qml 프로그래밍 text 사용하기 2(텍스트 줄바 꿈) 안녕하세요 고급 개발자가 꿈인 코린이 입니다. 오늘은 현업에서 많이 쓰는 텍스트 줄바꿈에 대해서 포스팅 하겠습니다. 텍스트 줄바 꿈관련 내용들은 현업에서 가장 많이 사용이 됩니다. 텍스트를 출력해주는것이 고정인 경우도 있지만 서버에서 받아오는 데이터나 다른 앱에서 받아오는 데이터들을 출력하게 되면 텍스트의 길이가 어느 정도 되는지 저희 앱에서는 모르기 때문에 텍스트가 길었을때 상황도 항상 고려 해야합니다. 그래서 이런 사황을 모두 고려하기위해서 오늘 포스팅은 텍스트 줄바꿈에 대해서 준비해 보았습니다. 1. 텍스트의 길이가 길면 아무데서나 줄바꿈을 하는 경우(wrapMode 속성) 1 2 3 4 5 6 7 8 9 10 11..

[C++,QT/Qml]2. Qml 프로그래밍 text 사용하기 1(텍스트 마지막에 ...출력하기)

[C++,QT/Qml]2. Qml 프로그래밍 text 사용하기 1 (텍스트 마지막에 ...출력하기) 안녕하세요 고급 프로그래머가 꿈인 코린이 입니다. 오늘은 QML프로그래밍 중에서 가장 기본인 text출력에 대해서 알아보도록 하겠습니다. text출력은 QML프로그래밍 중에서 가장 기본이 되고 간단하지만 사용자의 요구사항을 맞추려면 그렇게 간단하지가 않은 것이 text출력 입니다. 예를 들어 text에 길이가 길다면 마지막에... 을 표시한다던가 어느 정도 길이 이상이 되면 다음 줄로 넘어간다거나 사용자의 요구사항에 따라 다르게 적용해야 하는 게 텍스트이고 요구사항에 따라 다르게 구현해야 하는 것이 text입니다. 현업에 종사하다 보면 리스트의 텍스트는 길이가 길면 3줄까지는 줄을 바꾸고 그 이상이 되면...