Desktop Application

[Người mới bắt đầu] Lập trình QML Phần 2

Name: [Người mới bắt đầu] Lập trình QML Phần 2
Price: 38500 KRW

QML để phát triển giao diện người dùng Qt, Chúng tôi sẽ cung cấp thông tin chi tiết từ giới thiệu đến thực hành.

(4.8) 5 đánh giá

35 học viên

qtdev

이론 실습 모두

iot

QML

C++

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

Phát triển giao diện người dùng hiện đại bằng QML
Phát triển giao diện người dùng bằng QML và C++

Khi phát triển các chương trình GUI sử dụng nền tảng Qt, bạn có thể phân biệt giữa logic thiết kế của UI và logic chức năng của phần chức năng. Trong số đó, QML là ngôn ngữ được lựa chọn thay thế cho C++ khi phát triển các UI tương ứng với logic thiết kế . Cụ thể, việc phát triển UI với QML cho phép tách biệt hoàn toàn logic thiết kế và logic chức năng, do đó tăng khả năng tái sử dụng mã nguồn.

 nhập QtQuick

Cửa sổ {
    chiều rộng : 300
    chiều cao : 200
    có thể nhìn thấy : đúng
    tiêu đề : qsTr ( "Mã nguồn ví dụ QML" )

    Chữ {
        x : 80
        y : 70
        văn bản : "Xin chào thế giới"
        phông chữ. pixelSize : 25
    }
}

Phần 1. Hoạt hình Hoạt ảnh cung cấp một cách dễ dàng để áp dụng hoạt ảnh cho các thành phần GUI. Ví dụ: một nút có thể xuất hiện và biến mất. Hoạt ảnh có thể được sử dụng cho việc này. Ví dụ: một nút có thể biến mất trong một giây, hoặc có thể thiết lập một khoảng thời gian cụ thể để giá trị Độ mờ đục (Opacity) thay đổi từ 100% xuống 0%.

Sử dụng các hiệu ứng động này, bạn có thể tạo các hiệu ứng tương tự như hiệu ứng được sử dụng trên GUI. Bạn cũng có thể triển khai các hiệu ứng cho phép chuyển tiếp màn hình mượt mà. Do đó, trong phần này, bạn sẽ học cách sử dụng hiệu ứng động trên các thành phần GUI.

Phần 2. Triển khai ví dụ về giới hạn bóng bằng cách sử dụng hoạt ảnh và đường cong dễ dàng Đường cong Easing cho phép bạn tạo các hiệu ứng phức tạp hơn bằng cách sử dụng các tùy chọn cụ thể trong hoạt ảnh. Ví dụ: bằng cách tăng tốc một khoảng thời gian cụ thể trong hoạt ảnh 10 giây, bạn có thể tạo ra nhiều hiệu ứng khác nhau. Trong phần này, bạn sẽ học cách sử dụng đường cong easing trong hoạt hình thông qua các ví dụ thực tế.

Mục 3. Trạng thái và Chuyển đổi Trạng thái biểu thị một điều kiện. Chuyển tiếp biểu thị một hành động. Ví dụ, trong công tắc bật/tắt, các điều kiện là "BẬT" và "TẮT", và hành động (chuyển tiếp) được định nghĩa là sự thay đổi từ "BẬT" sang "TẮT". Sử dụng trạng thái và chuyển tiếp, bạn có thể nhóm các hành vi phức tạp và để chúng thay đổi cùng nhau khi điều kiện thay đổi, giúp việc triển khai GUI phức tạp trở nên dễ dàng hơn.

Mục 5. Mô hình và Chế độ xem Mô hình và Chế độ xem được sử dụng để hiển thị lượng lớn dữ liệu trên GUI. Ví dụ: khi hiển thị 100 mục dữ liệu trong một bảng, dữ liệu được lưu trữ trong Mô hình, và Chế độ xem thể hiện cách dữ liệu được lưu trữ trong Mô hình được hiển thị trên GUI. Chế độ xem có thể là một bảng hoặc một cây. Trong phần này, bạn sẽ tìm hiểu cách sử dụng Mô hình và Chế độ xem.

👉 Xem bạn đã thay đổi như thế nào sau khi học.

Sau khi hoàn thành khóa học này, bạn sẽ có thể sử dụng QML một cách thành thạo. Bạn cũng sẽ hiểu được sự khác biệt, ưu và nhược điểm của việc sử dụng QML trong các dự án thực tế so với phương pháp C++/Qt truyền thống, QWidget.
Ngoài ra, khi triển khai một dự án bằng QML, bạn có thể tách biệt hoàn toàn logic thiết kế (phần QML) và logic chức năng (C++) của mã nguồn được triển khai, do đó tăng khả năng tái sử dụng của mã đã viết.

`Khuyến nghị cho những người này`

Khóa học này dành cho ai?

Bất kỳ ai muốn phát triển giao diện người dùng bằng QML
Bất kỳ ai muốn phát triển giao diện người dùng bằng QML trong khung Qt

Cần biết trước khi bắt đầu?

C++ cơ bản
Qt

`Xin chào Đây là`

1,015

Học viên

85

Đánh giá

102

Trả lời

4.7

Xếp hạng

9

Các khóa học

`지식공유자 소개 ✒️`

근무경력 현: Embedded 분야 SW Team leader LG전자, VS사업부 IVI선행플랫폼/모듈개발 SW마에스트로, SW 멘토 강의경력 삼성전자, Qt & QML 강의 LG전자, Qt & QML 분야 사내 강사 한컴아카데미 Qt 강의 출강 다수의 IT기업 Qt 강의 출강

저서 Qt 프로그래밍 Qt Quick 프로그래밍 Qt5 프로그래밍 가이드 MeeGo 프로그래밍 완벽 가이드 Qt 실전 프로그래밍

SW커뮤니티 운영 Qt 개발자 커뮤니티 운영자 ( www.qt-dev.com )

`Chương trình giảng dạy`

Tất cả

47 bài giảng ∙ (8giờ 56phút)

Tài liệu khóa học:

Tài liệu bài giảng


1. Hiểu hoạt hình
03:59
2. NumberAnimation và PropertyAnimation
05:50
3. Sự kiện RotationAnimation và Animation
04:20
4. Hành vi, SmoothedAnimation và SpringAnimation10:53
5. SequentialAnimation và ParallelAnimation05:15


6. Mô tả ví dụ về Bóng nảy để thực hiện04:20
7. Thực hiện nảy bóng25:13


8. Trạng thái và chuyển tiếp17:16
9. Ví dụ thực hành sử dụng Transition10:51


10. Mô tả cấu trúc tổng thể06:10
11. Tạo dự án, đăng ký tài nguyên và triển khai loại Nút10:58
12. Triển khai kiểu RotationButton07:45
13. Triển khai kiểu hình thu nhỏ06:21
14. Triển khai Main.qml Phần 113:34
15. Triển khai Main.qml Phần 213:41
16. Triển khai Main.qml Phần 317:18


17. Các khái niệm và ví dụ về việc sử dụng Model và View04:02
18. ListModel và ListElement13:34
19. Cách sử dụng ListView12:14
20. Bộ lặp, đầu trang và chân trang10:46
21. Chế độ xem lưới12:24
22. TableView và ObjectModel04:57
23. Sử dụng các hàm JavaScript trong ListView07:56


24. Triển khai trò chơi cờ vua Phần 107:53
25. Triển khai trò chơi cờ vua Phần 215:39


26. Các chức năng cần thiết cho sự tương tác giữa QML và C++09:17
27. Sử dụng các hàm macro Q_PROPERTY và Q_INVOKABLE13:08
28. Ví dụ sử dụng Q_PROPERTY16:37
29. Ví dụ về cách sử dụng các hàm Q_INVOKAVAL và Public Slot19:15


30. Triển khai một loại mới bằng cách sử dụng hàm qmlRegisterType10:00
31. Ví dụ thực hành triển khai các loại QML24:08
32. Ví dụ thực hành thực hiện loại bộ đếm thời gian28:15


33. Tại sao nên sử dụng lớp QQuickPaintedItem?09:14
34. Ví dụ thực hành về triển khai bản vẽ 2D bằng QQuickPaintedItem14:30


35. Ví dụ để triển khai Mô tả cấu trúc đầy đủ05:00
36. Triển khai lớp BarItem10:38
37. Triển khai lớp ChartItem26:19


38. Tóm tắt những gì bạn sẽ học05:21
39. Các phương thức READ và WRITE của thuộc tính04:18
40. Truy cập đối tượng kiểu QML trong C++05:20
41. Gọi một hàm JavaScript bằng hàm InvokeMethod03:54
42. Sử dụng kết nối SIGNAL và đối tượng QML06:21
43. Chuyển đổi kiểu giữa QML và C++10:20
44. Ví dụ sử dụng ListModel05:57
45. Ví dụ thực hành về cách sử dụng Bảng liệt kê trong QML13:46


46. Triển khai máy chủ22:38
47. Triển khai khách hàng19:11

Ngày đăng:

Cập nhật lần cuối:

`Đánh giá`

Tất cả

5 đánh giá

4.8

5 đánh giá

좋은 꽁치Đánh giá 1 ∙ Đánh giá trung bình 5.0
5
32% đã tham gia
- 김대진Giảng viên
  좋은 꽁치님, 좋은평가해 감사합니다. 새해 복 많이 받으세요. ^^
SonĐánh giá 2 ∙ Đánh giá trung bình 5.0
5
83% đã tham gia
로드맵을 따라가며 강의 잘 보고 있습니다. Qt와 QML에 대해 전반적으로 이해하는데 큰 도움이 되었습니다. 그리고 자료도 깃허브에 공유해 주셔서 좋습니다. 추후에 부분적인 실습 말고 전체를 활용할 수 있는 프로젝트(여러 화면에서 동작하는 프로그램)가 있으면 정말 좋을 것 같습니다. 웹 강의들을 보면 초반에는 문법이나 네트워크 수업을 하다가 실습 프로젝트로 CRUD 게시판 만들기를 하는 것처럼 배운 것 들을 활용하여 하나의 프로젝트를 만들어 가는 과정이 있으면 부분적으로 머리에 남아있는 개념들이 하나로 연결되며 완성될 것 같습니다. 추후에 나올 임베디드 강의도 기다리고 있겠습니다. 감사합니다.
- 김대진Giảng viên
  안녕하세요. Son님, 이런 Detail한 수강평 감사합니다. 무엇을 개선해야 할지 알려주셔서 너무 감사합니다. 정말 너무 소중한 피드백 감사합니다. 언젠가 기회가 되면 제가 커피한잔 사겠습니다. ^^; 그리고 프로젝트 형식의 강의로 "임시제목: 실시간 개인 방송국 구현 프로젝트를 구현"라는 강의를 준비하고 있습니다. 그런다음 "Qt를 이용한 임베디드 리눅스 프로그래밍" 강의와 "Qt for MCU" 강의를 진행할 계획을 가지고 있습니다. 마지막으로 좋은 피드백 너무 감사합니다.
JunHwan SongĐánh giá 3 ∙ Đánh giá trung bình 5.0
5
100% đã tham gia
좋은강의였습니다. 다음에 심화과정도 해주셨으면 좋겠습니다. 파이썬-QML 부탁드립니다.
- 김대진Giảng viên
  안녕하세요. JunHwan Song 님 좋은 평가 너무 감사합니다. Qt Python 관련한 영상도 준비하고 있습니다. :)
다중언어GUIĐánh giá 8 ∙ Đánh giá trung bình 4.9
4
100% đã tham gia
C++과 QML 간 Interaction 부분이 여전히 어려워서 여러번 봐야겠지만, 전체적으로 QML에 대한 주요 기능들을 잘 알려주셔서 감사합니다. 반복 학습을 통해서 숙달해 나가야할 거 같네요.
- 김대진Giảng viên
  안녕하세요. 다중언어GUI님 의견 주셔서 감사합니다.
sunny75Đánh giá 95 ∙ Đánh giá trung bình 5.0
5
100% đã tham gia
2024/09/07/토 17:45 강의 잘 들었습니다. QT QML 에 대해서 많이 알게 되었습니다. QT QML 1편/2편 좋은 강의 만들어 주셔서 감사합니다. 즐거운 하루 보내세요.
- 김대진Giảng viên
  안녕하세요. sunny75님 좋은 평가해 주셔서 감사합니다. 김대진 드림.

807.144 ₫

`Khóa học khác của qtdev`

Hãy khám phá các khóa học khác của giảng viên!


[Level 1] Qt를 이용한 Python 프로그래밍: 입문편
김대진
Qt는 GUI뿐만 아니라 네트워크, 데이터베이스, 멀티미디어, IPC 등 다양한 기능을 제공하여 Python으로 쉽고 빠르게 다양한 분야의 애플리케이션을 개발할 수 있는 강력한 프레임워크입니다. 본 강의를 통해 Qt 기초부터 다양한 예제를 통해 Python에서 Qt를 효과적으로 활용하는 방법을 배워보겠습니다.
Beginner
Python, Qt, QML
[Level 1] Qt를 이용한 Python 프로그래밍: 입문편
김대진


[초급] QML 프로그래밍 1편
김대진
QML은 Qt에서 제공하는 UI를 만드는 프로그래밍 언어입니다. JSON과 유사하고 JavaScript를 사용할 수 있습니다. C++ 언어 대신 QML을 이용하면 C++을 사용하지 않고도 현대적인 고급 UI를 쉽게 개발할 수 있습니다.
Basic
Qt, QML
[초급] QML 프로그래밍 1편
김대진


[입문] Qt 6 프로그래밍 2편
김대진
이번 강의는 Qt 프로그래밍 1편에 이어서 2편 강의 입니다. Qt를 처음 접하시는 분들은 1편을 먼저 학습하시고 2편을 학습하는 것을 권장합니다.
Beginner
Qt, GUI
[입문] Qt 6 프로그래밍 2편
김대진


[입문] Qt 6 프로그래밍 1편
김대진
Qt를 이용하면 다양한 운영체제에서 호환되는 SW를 개발 할 수 있습니다. 즉 한번 Qt로 개발한 소스코드로 다양한 플랫폼에서 동작하는 SW를 개발할 수 있습니다.
Beginner
Qt, GUI
[입문] Qt 6 프로그래밍 1편
김대진


[초급] 중급자로 도약하기 위한 Qt/QML 실전 프로그래밍
김대진
초급 개발자에서 중급자로 도약하기 위해서 실전 프로젝트를 중심으로 Qt/QML 프로그래밍 스킬 및 최신 기술을 배웁니다.
Basic
Qt, QML, C++
[초급] 중급자로 도약하기 위한 Qt/QML 실전 프로그래밍
김대진


웹 개발의 혁신: C, C++, Rust로 시작하는 WebAssembly 마스터 클래스
김대진
WebAssembly를 이용해 C, C++, Rust 등의 컴파일 언어로 웹 브라우저에서 동작하는 고성능 웹 애플리케이션을 개발 할 수 있습니다.
Basic
webassembly, Qt, wasm
웹 개발의 혁신: C, C++, Rust로 시작하는 WebAssembly 마스터 클래스
김대진


[Level 2] Qt를 이용한 Python 프로그래밍: QML편
김대진
QML은 Qt에서 제공하는 UI를 만드는 프로그래밍 인터프리터 언어입니다. JSON과 유사하고 JavaScript를 사용할 수 있습니다. QML과 Python 함께 이용하면 현대적인 고급 UI를 쉽게 개발할 수 있습니다.
Beginner
Qt, QML, pyside6
[Level 2] Qt를 이용한 Python 프로그래밍: QML편
김대진


[Level 3] 초보를 넘어 전문가로: Qt와 Python을 통한 실전 응용  마스터 클래스
김대진
실전 프로젝트를 중심으로 Qt와 Python 프로그래밍 기술을 익힙니다. 이 강의를 통해 최신 Qt와 Python 프로그래밍 트렌드와 기법을 학습함으로써 초급에서 중급 수준으로의 성장을 도모할 수 있습니다.
Basic
Qt, Python, pyside6
[Level 3] 초보를 넘어 전문가로: Qt와 Python을 통한 실전 응용  마스터 클래스
김대진

`Khóa học tương tự`

Khám phá các khóa học khác trong cùng lĩnh vực!


[Level 2] Qt를 이용한 Python 프로그래밍: QML편
김대진
QML은 Qt에서 제공하는 UI를 만드는 프로그래밍 인터프리터 언어입니다. JSON과 유사하고 JavaScript를 사용할 수 있습니다. QML과 Python 함께 이용하면 현대적인 고급 UI를 쉽게 개발할 수 있습니다.
Beginner
Qt, QML, pyside6
[Level 2] Qt를 이용한 Python 프로그래밍: QML편
김대진


[입문] Qt 6 프로그래밍 2편
김대진
이번 강의는 Qt 프로그래밍 1편에 이어서 2편 강의 입니다. Qt를 처음 접하시는 분들은 1편을 먼저 학습하시고 2편을 학습하는 것을 권장합니다.
Beginner
Qt, GUI
[입문] Qt 6 프로그래밍 2편
김대진


웹 개발의 혁신: C, C++, Rust로 시작하는 WebAssembly 마스터 클래스
김대진
WebAssembly를 이용해 C, C++, Rust 등의 컴파일 언어로 웹 브라우저에서 동작하는 고성능 웹 애플리케이션을 개발 할 수 있습니다.
Basic
webassembly, Qt, wasm
웹 개발의 혁신: C, C++, Rust로 시작하는 WebAssembly 마스터 클래스
김대진


[Level 3] 초보를 넘어 전문가로: Qt와 Python을 통한 실전 응용  마스터 클래스
김대진
실전 프로젝트를 중심으로 Qt와 Python 프로그래밍 기술을 익힙니다. 이 강의를 통해 최신 Qt와 Python 프로그래밍 트렌드와 기법을 학습함으로써 초급에서 중급 수준으로의 성장을 도모할 수 있습니다.
Basic
Qt, Python, pyside6
[Level 3] 초보를 넘어 전문가로: Qt와 Python을 통한 실전 응용  마스터 클래스
김대진


소프트웨어 테스팅 입문 - C++
문수영
이 강의를 통해 자신이 개발한 코드에 좀 더 자신감을 가질 수 있게 도움을 주는 테스팅 기초를 습득합니다
Basic
소프트웨어 테스트, TDD, C++
소프트웨어 테스팅 입문 - C++
문수영


[Level 1] Qt를 이용한 Python 프로그래밍: 입문편
김대진
Qt는 GUI뿐만 아니라 네트워크, 데이터베이스, 멀티미디어, IPC 등 다양한 기능을 제공하여 Python으로 쉽고 빠르게 다양한 분야의 애플리케이션을 개발할 수 있는 강력한 프레임워크입니다. 본 강의를 통해 Qt 기초부터 다양한 예제를 통해 Python에서 Qt를 효과적으로 활용하는 방법을 배워보겠습니다.
Beginner
Python, Qt, QML
[Level 1] Qt를 이용한 Python 프로그래밍: 입문편
김대진


EasyWin32와 함께 그래픽 환경에서 C 언어 실습하기
tipsware
재미없는 환경에서 C 언어 실습하지 마시고 실제로 사용 가능한 Windows 응용 프로그램을 만들면서 재미있게 C 언어 실습을 해보세요.
Beginner
C, microsoft-visual-c++, C++
EasyWin32와 함께 그래픽 환경에서 C 언어 실습하기
tipsware


게임 엔진 만들기 - Directx11와  imgui를 이용하여 기반 구조 만들기 (PART1)
얌얌코딩
C++을 이용해 만든 게임엔진에 Directx11 라이브러리를 이용하여  게임엔진을 리팩토링 하는 과정입니다. 내부적 코드를 유추하는 방식으로 제작되었으며 이를 통해 유니티엔진의 내부 원리에 대해서 생각해 볼 수 있습니다. 일반적으로 만드는 학원/강의 에서 다루는 렌더링 프로그램 수준의 프로젝트가 아닙니다. 빌드시스템, 스크립트 부터 다양한 기술들을 접목된 진짜 게임엔진을 만듭니다.
Intermediate
C++, Unity, DirectX
게임 엔진 만들기 - Directx11와  imgui를 이용하여 기반 구조 만들기 (PART1)
얌얌코딩


삼각형의 실전! CMake 초급
삼각형
CMake가 사용하기 어려우신가요? 이 강의를 듣고 나면 당신도 CMake 전문가입니다.
Basic
cmake, vcpkg, C++
삼각형의 실전! CMake 초급
삼각형


C++을 이용한 자체 엔진 제작(유니티 엔진 클론코딩)
얌얌코딩
C++을 이용해 유니티 게임엔진과 비슷하게 게임엔진을 제작하는 과정입니다. 내부적 코드를 유추하는 방식으로 제작되었으며 이를 통해 유니티엔진의 내부 원리에 대해서 생각해 볼 수 있습니다.
Intermediate
windows-api, C++, game-programming
C++을 이용한 자체 엔진 제작(유니티 엔진 클론코딩)
얌얌코딩

[Người mới bắt đầu] Lập trình QML Phần 2

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

Ngôn ngữ lập trình QML?

Ngữ pháp dễ hiểu, dễ đọc
Trải nghiệm những lợi ích của QML.

`Giới thiệu về lập trình QML`

`Tôi giới thiệu điều này cho những người này 🙋‍♀`

`Mục tiêu của khóa học 💡`

`Các tính năng độc đáo của khóa học này Hãy xem thử nhé 📖`

`Cấu trúc bài giảng 📖`

`Hỏi & Đáp 💬`

`Gửi đến những người này Tôi khuyên bạn nên dùng!`

`Khuyến nghị cho những người này`

`Xin chào Đây là`

`지식공유자 소개 ✒️`

`Chương trình giảng dạy`

`Đánh giá`

`Khóa học khác của qtdev`

`Khóa học tương tự`

[Người mới bắt đầu] Lập trình QML Phần 2

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

Ngôn ngữ lập trình QML?

Ngữ pháp dễ hiểu, dễ đọc Trải nghiệm những lợi ích của QML.

Giới thiệu về lập trình QML

Tôi giới thiệu điều này cho những người này 🙋‍♀

Mục tiêu của khóa học 💡

Các tính năng độc đáo của khóa học này Hãy xem thử nhé 📖

Cấu trúc bài giảng 📖

Hỏi & Đáp 💬

Gửi đến những người này Tôi khuyên bạn nên dùng!

Khuyến nghị cho những người này

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

지식공유자 소개 ✒️

Chương trình giảng dạy

Đánh giá

Khóa học khác của qtdev

Khóa học tương tự

Ngữ pháp dễ hiểu, dễ đọc
Trải nghiệm những lợi ích của QML.

`Giới thiệu về lập trình QML`

`Tôi giới thiệu điều này cho những người này 🙋‍♀`

`Mục tiêu của khóa học 💡`

`Các tính năng độc đáo của khóa học này Hãy xem thử nhé 📖`

`Cấu trúc bài giảng 📖`

`Hỏi & Đáp 💬`

`Gửi đến những người này Tôi khuyên bạn nên dùng!`

`Khuyến nghị cho những người này`

`Xin chào Đây là`

`지식공유자 소개 ✒️`

`Chương trình giảng dạy`

`Đánh giá`

`Khóa học khác của qtdev`

`Khóa học tương tự`