Programming

Desktop Application

[初級] QMLプログラミング2編

Name: [初級] QMLプログラミング2編
Price: 38500 KRW

Qt UI開発のためのQML、入門から実習まで詳しくお知らせします。

（4.8）受講レビュー 5件

受講生 32名

qtdev

이론 실습 모두

iot

QML

C++

学習した受講者のレビュー

こんなことが学べます

QMLを使用した近代的なUIの開発
QMLとC ++を使用したUIの開発

Qtフレームワークを使ってGUIプログラムを開発するとき、UI部分のデザインロジックと機能部分の機能ロジックを区別して見ることができます。なかでもQMLは、デザインロジックに対応するUIを開発する際にC++の代替として選択できる言語です。特にQMLでUIを開発すれば、デザインロジックと機能ロジックを完全に分離でき、ソースコードの再利用性を高めることができます。

 import QtQuick

Window {
    幅: 300
    height : 200
    visible : true
    title : qsTr ( "QMLサンプルソースコード" )

    Text {
        x : 80
        y : 70
        text : 「Hello World」
        font. pixelSize : 25
    }
}

セクション1。 Anaimation Animationは、GUI要素にAnimationを簡単に適用する方法を提供します。たとえば、ボタンが表示されて消えることがあります。この時点でアニメーションを使用できます。ボタンが消えると、1秒間消えることがあります。つまり、Opacity の値が 100% から 0% に変わり、特定の時間を与えることができます。

これらのアニメーションを使用すると、GUI上でEffectと同じ効果を発揮できます。また、画面切り替え時にスムーズに画面を切り替えることができるEffectを実装できます。したがって、このセクションでは、GUI要素でアニメーションを使用する方法について学びます。

セクション 2. Animation と Easing curve を使った Ball Bounding の例の実装 Easing Curveとは、Animationに特定のオプションを使用することで、より洗練されたEffectを使用できます。たとえば、アニメーションが10秒間動作しているときに特定の時間帯に加速するようにすることで、さまざまな効果を実装できます。このセクションでは、練習の例を通して、アニメーションでイージングカーブを使用する方法について学びます。

セクション 3. State と Transition Stateは条件を指します。 Transitionは行動を指します。たとえば、オン/オフスイッチでオンとオフが条件であり、オンからオフに変わることをアクションとして定義できます。 StateとTransitionを使用すると、かなり複雑な行動をグループ化し、条件が変わったときに一括して変更することで、GUIの複雑な実装をより簡単に実装できる方法を学びます。

セクション 5. Model and View ModelとViewは、GUI上に大量のデータを表示するために使用されます。たとえば、100 個のデータを表として表示する場合、データは Model に保存し、View は Model に保存されたデータを GUI に何らかの方法で表示する種類を指します。ビューはテーブルまたはツリーの形にすることができます。このセクションでは、ModelとViewの使い方について学びます。

👉学習後変わった皆さんの姿に会いましょう。

講義を聞いたら、QMLを自由自在に活用できます。また、本番プロジェクトでQMLを使用する場合と、従来のC++/Qt方式であるQWidgetを使用する場合、どのような違いがあるのか、長所と短所が何であるかを把握できます。
また、QMLを使用してプロジェクトを実装する場合、実装したソースコードのデザインロジック(QML部分)と機能ロジック(C++)を完全に分離でき、作成したコードの再利用性を高めることができます。

`こんな方におすすめです`

学習対象は誰でしょう？

QMLを使ってUIを開発したい人
QtフレームワークでQMLを使用してUIを開発したい人

前提知識、必要でしょうか？

C++基礎
Qt

`こんにちはです。`

992

受講生

85

受講レビュー

100

回答

4.7

講座評価

9

講座

`지식공유자 소개 ✒️`

근무경력 현: 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 )

`カリキュラム`

全体

47件 ∙ (8時間 56分)

講座資料（こうぎしりょう）:

授業資料


1. Animationの理解
03:59
2. NumberAnimation と PropertyAnimation
05:50
3. RotationAnimationとAnimationのイベント
04:20
4. Behavior、SmoothedAnimation、SpringAnimation10:53
5. SequentialAnimation と ParallelAnimation05:15


6. 実装する Ball Bouncing の例の説明04:20
7. Ball Bouncingの実装25:13


8. State と Transition17:16
9. Transitionを使った実践例10:51


10. 全体的な構造説明06:10
11. プロジェクト作成、リソース登録、Buttonタイプの実装10:58
12. RotationButton型の実装07:45
13. Thumbnail型の実装06:21
14. Main.qml実装Part113:34
15. Main.qml実装Part213:41
16. Main.qml実装Part317:18


17. ModelとViewの概念と使用例04:02
18. ListModelとListElement13:34
19. ListViewの使い方12:14
20. リピーター、ヘッド、フーター10:46
21. GridView12:24
22. TableViewとObjectModel04:57
23. ListViewでJavaScript関数を使用する07:56


24. Chess Game 実装 Part107:53
25. Chess Game 実装 Part215:39


26. QMLとC ++間の相互作用に必要な機能09:17
27. Q_PROPERTYとQ_INVOKABLEマクロ関数の使用13:08
28. Q_PROPERTYを使用した例16:37
29. Q_INVOKAVALとパブリックスロット関数の使用例19:15


30. qmlRegisterType関数を使用して新しい型を実装する10:00
31. QMLタイプを実装する実践例24:08
32. タイマータイプの実装実践例28:15


33. QQuickPaintedItemクラスを使用する理由09:14
34. QQuickPaintedItemを使用した2D描画実装の実践例14:30


35. 実装する例の全体構造の説明05:00
36. BarItemクラスの実装10:38
37. ChartItem クラスの実装26:19


38. 学ぶ内容のまとめ05:21
39. PropertyのREADとWRITE法04:18
40. C ++でのQMLタイプのObjectアクセス05:20
41. invokeMethod関数を使用したJavaScript関数の呼び出し03:54
42. SIGNAL接続とQMLオブジェクトの使用06:21
43. QMLとC ++間の型変換10:20
44. ListModelの使用例05:57
45. EnumerationをQMLで使用するための実践例13:46


46. サーバー実装22:38
47. クライアント実装19:11

講座掲載日:

最終更新日:

`受講レビュー`

全体

5件

4.8

5件の受講レビュー

yoonsojin006502受講レビュー 1 ∙ 平均評価 5.0
5
32% 受講後に作成
- qtdev知識共有者
  Cảm ơn bạn đã đánh giá cao. Chúc bạn năm mới vui vẻ. ^^
fortex660224受講レビュー 2 ∙ 平均評価 5.0
5
83% 受講後に作成
Tôi đang làm theo lộ trình và thích thú với các bài giảng. Đó là sự trợ giúp tuyệt vời cho sự hiểu biết tổng thể của tôi về Qt và QML. Ngoài ra, tôi rất vui vì bạn đã chia sẻ dữ liệu trên GitHub. Trong tương lai, sẽ thực sự tốt nếu có một dự án (một chương trình hoạt động trên nhiều màn hình) có thể được sử dụng toàn bộ thay vì chỉ thực hành một phần. Nếu bạn xem các bài giảng trên web, sẽ có một quá trình tạo một dự án sử dụng những gì bạn đã học, chẳng hạn như các lớp ngữ pháp hoặc mạng lúc đầu, sau đó tạo bảng thông báo CRUD làm dự án thực hành và các khái niệm còn lại trong đầu bạn sẽ được kết nối và hoàn thành một phần. Chúng tôi cũng đang chờ đợi các bài giảng nhúng sẽ được phát hành trong tương lai. Cảm ơn
- qtdev知識共有者
  Xin chào. Con trai thân mến, Cảm ơn bạn đã xem xét khóa học chi tiết này. Cảm ơn bạn rất nhiều vì đã cho chúng tôi biết những gì cần cải thiện. Cảm ơn bạn rất nhiều vì phản hồi có giá trị của bạn. Nếu có cơ hội một ngày nào đó tôi sẽ mua cho bạn một tách cà phê. ^^; Chúng tôi cũng đang chuẩn bị một bài giảng theo kiểu dự án có tựa đề “Tiêu đề dự kiến: Dự án triển khai trạm phát sóng cá nhân theo thời gian thực”. Sau đó, "Lập trình Linux nhúng bằng Qt" Bài giảng và "Qt cho MCU" Tôi có kế hoạch giảng bài. Cuối cùng xin cảm ơn bạn rất nhiều vì những phản hồi tốt.
psjhsi122824受講レビュー 3 ∙ 平均評価 5.0
5
100% 受講後に作成
Đó là một bài giảng tốt. Tôi hy vọng bạn sẽ làm một khóa học chuyên sâu vào lần tới. Vui lòng sử dụng Python-QML.
- qtdev知識共有者
  Xin chào. Bài hát của JunHwan Cảm ơn bạn rất nhiều vì đánh giá tốt. Chúng tôi cũng đang chuẩn bị một video liên quan đến Qt Python. :)
nonenonenone受講レビュー 8 ∙ 平均評価 4.9
4
100% 受講後に作成
Sự tương tác giữa C++ và QML vẫn còn khó khăn nên tôi sẽ phải xem lại vài lần, nhưng nhìn chung, cảm ơn bạn đã cho tôi biết về các tính năng chính của QML. Tôi nghĩ tôi sẽ phải thành thạo nó thông qua việc học hỏi nhiều lần.
- qtdev知識共有者
  Xin chào. GUI đa ngôn ngữ, cảm ơn bạn đã bình luận.
aceoftop1975受講レビュー 94 ∙ 平均評価 5.0
5
100% 受講後に作成
2024/09/07/Thứ bảy 17:45 Tôi rất thích bài giảng. Tôi đã học được rất nhiều điều về QT QML. QT QML Phần 1/2 Cảm ơn bạn đã tạo ra một bài giảng rất hay. Chúc một ngày tốt lành!
- qtdev知識共有者
  Xin chào. Cảm ơn sunny75 vì đánh giá tốt của bạn. Giấc mơ Daejin Kim.

￥4,519

`qtdevの他の講座`

知識共有者の他の講座を見てみましょう！


[Cấp độ 3] Từ người mới bắt đầu đến chuyên gia: Lớp thạc sĩ ứng dụng thực tế sử dụng Qt và Python
qtdev
Học kỹ năng lập trình Qt và Python thông qua các dự án thực tế. Khóa học này sẽ giúp bạn tiến bộ từ trình độ sơ cấp đến trung cấp bằng cách tìm hiểu các xu hướng và kỹ thuật lập trình Qt và Python mới nhất.
초급
Qt, Python, pyside6
[Cấp độ 3] Từ người mới bắt đầu đến chuyên gia: Lớp thạc sĩ ứng dụng thực tế sử dụng Qt và Python
qtdev


[Cấp độ 2] Lập trình Python sử dụng Qt: QML
qtdev
QML là ngôn ngữ thông dịch lập trình tạo giao diện người dùng do Qt cung cấp. Tương tự như JSON và có thể sử dụng JavaScript. Sử dụng QML và Python cùng nhau, bạn có thể dễ dàng phát triển giao diện người dùng hiện đại, nâng cao.
입문
Qt, QML, pyside6
[Cấp độ 2] Lập trình Python sử dụng Qt: QML
qtdev


[Cấp độ 1] Lập trình Python sử dụng Qt: Giới thiệu
qtdev
Qt là một framework mạnh mẽ không chỉ cung cấp GUI mà còn cung cấp nhiều chức năng khác nhau như mạng, cơ sở dữ liệu, đa phương tiện và IPC, cho phép bạn phát triển nhanh chóng và dễ dàng các ứng dụng trong nhiều lĩnh vực khác nhau bằng Python. Trong bài giảng này, chúng ta sẽ tìm hiểu cách sử dụng Qt hiệu quả trong Python thông qua nhiều ví dụ khác nhau, bắt đầu từ những điều cơ bản về Qt.
입문
Python, Qt, QML
[Cấp độ 1] Lập trình Python sử dụng Qt: Giới thiệu
qtdev


[Cơ bản] Lập trình thực tế Qt/QML để tiến lên cấp độ trung cấp
qtdev
Học các kỹ năng lập trình Qt/QML và các công nghệ mới nhất thông qua các dự án thực tế để giúp bạn thăng tiến từ một lập trình viên mới bắt đầu lên một lập trình viên trung cấp.
초급
Qt, QML, C++
[Cơ bản] Lập trình thực tế Qt/QML để tiến lên cấp độ trung cấp
qtdev


Chuyển đổi hoạt động phát triển web: Lớp chính WebAssembly bắt đầu bằng C, C++ và Rust
qtdev
Sử dụng WebAssugging, bạn có thể phát triển các ứng dụng web hiệu suất cao chạy trong trình duyệt web bằng các ngôn ngữ được biên dịch như C, C++ và Rust.
초급
webassembly, Qt, wasm
Chuyển đổi hoạt động phát triển web: Lớp chính WebAssembly bắt đầu bằng C, C++ và Rust
qtdev


[Người mới bắt đầu] Lập trình QML Phần 1
qtdev
QML là ngôn ngữ lập trình để tạo giao diện người dùng do Qt cung cấp. Tương tự như JSON và có thể sử dụng JavaScript. Sử dụng QML thay vì ngôn ngữ C++ giúp dễ dàng phát triển giao diện người dùng cấp cao, hiện đại mà không cần sử dụng C++.
초급
Qt, QML
[Người mới bắt đầu] Lập trình QML Phần 1
qtdev


[Giới thiệu] Lập trình Qt 6 phần 2
qtdev
Bài giảng này là bài giảng thứ 2 sau Phần 1 của lập trình Qt. Nếu bạn chưa quen với Qt, chúng tôi khuyên bạn nên học Phần 1 trước rồi đến Phần 2.
입문
Qt, GUI
[Giới thiệu] Lập trình Qt 6 phần 2
qtdev


[Giới thiệu] Lập trình Qt 6 phần 1
qtdev
Sử dụng Qt, bạn có thể phát triển phần mềm tương thích với nhiều hệ điều hành khác nhau. Nói cách khác, bạn có thể phát triển phần mềm chạy trên nhiều nền tảng khác nhau với mã nguồn được phát triển bằng Qt.
입문
Qt, GUI
[Giới thiệu] Lập trình Qt 6 phần 1
qtdev

`似ている講座`

同じ分野の他の講座を見てみましょう！


[Cấp độ 2] Lập trình Python sử dụng Qt: QML
qtdev
QML là ngôn ngữ thông dịch lập trình tạo giao diện người dùng do Qt cung cấp. Tương tự như JSON và có thể sử dụng JavaScript. Sử dụng QML và Python cùng nhau, bạn có thể dễ dàng phát triển giao diện người dùng hiện đại, nâng cao.
입문
Qt, QML, pyside6
[Cấp độ 2] Lập trình Python sử dụng Qt: QML
qtdev


[Người mới bắt đầu] Lập trình QML Phần 1
qtdev
QML là ngôn ngữ lập trình để tạo giao diện người dùng do Qt cung cấp. Tương tự như JSON và có thể sử dụng JavaScript. Sử dụng QML thay vì ngôn ngữ C++ giúp dễ dàng phát triển giao diện người dùng cấp cao, hiện đại mà không cần sử dụng C++.
초급
Qt, QML
[Người mới bắt đầu] Lập trình QML Phần 1
qtdev


Chuyển đổi hoạt động phát triển web: Lớp chính WebAssembly bắt đầu bằng C, C++ và Rust
qtdev
Sử dụng WebAssugging, bạn có thể phát triển các ứng dụng web hiệu suất cao chạy trong trình duyệt web bằng các ngôn ngữ được biên dịch như C, C++ và Rust.
초급
webassembly, Qt, wasm
Chuyển đổi hoạt động phát triển web: Lớp chính WebAssembly bắt đầu bằng C, C++ và Rust
qtdev


[Cấp độ 3] Từ người mới bắt đầu đến chuyên gia: Lớp thạc sĩ ứng dụng thực tế sử dụng Qt và Python
qtdev
Học kỹ năng lập trình Qt và Python thông qua các dự án thực tế. Khóa học này sẽ giúp bạn tiến bộ từ trình độ sơ cấp đến trung cấp bằng cách tìm hiểu các xu hướng và kỹ thuật lập trình Qt và Python mới nhất.
초급
Qt, Python, pyside6
[Cấp độ 3] Từ người mới bắt đầu đến chuyên gia: Lớp thạc sĩ ứng dụng thực tế sử dụng Qt và Python
qtdev


[Cấp độ 1] Lập trình Python sử dụng Qt: Giới thiệu
qtdev
Qt là một framework mạnh mẽ không chỉ cung cấp GUI mà còn cung cấp nhiều chức năng khác nhau như mạng, cơ sở dữ liệu, đa phương tiện và IPC, cho phép bạn phát triển nhanh chóng và dễ dàng các ứng dụng trong nhiều lĩnh vực khác nhau bằng Python. Trong bài giảng này, chúng ta sẽ tìm hiểu cách sử dụng Qt hiệu quả trong Python thông qua nhiều ví dụ khác nhau, bắt đầu từ những điều cơ bản về Qt.
입문
Python, Qt, QML
[Cấp độ 1] Lập trình Python sử dụng Qt: Giới thiệu
qtdev


Giới thiệu về kiểm tra phần mềm - C++
drmoon
Thông qua bài giảng này, bạn sẽ tìm hiểu những kiến thức cơ bản về kiểm tra, điều này sẽ giúp bạn trở nên tự tin hơn với mã mình phát triển.
초급
Software Test, TDD, C++
Giới thiệu về kiểm tra phần mềm - C++
drmoon


Tam giác đang hoạt động! CMake cho người mới bắt đầu
triangle
CMake có khó sử dụng không? Sau khi tham gia khóa học này, bạn cũng sẽ trở thành chuyên gia CMake.
초급
cmake, vcpkg, C++
Tam giác đang hoạt động! CMake cho người mới bắt đầu
triangle


Tạo game engine - Xây dựng cấu trúc nền tảng sử dụng Directx11 và imgui (PHẦN 1)
eazuooz
Đây là quá trình tái cấu trúc (refactor) một engine game được xây dựng bằng C++ sử dụng thư viện Directx11. Nó được xây dựng theo cách suy luận mã code nội bộ, qua đó bạn có thể suy ngẫm về nguyên lý hoạt động bên trong của các engine như Unity. Đây không phải là dự án ở mức độ chương trình render thường được dạy ở các học viện/khóa học. Chúng tôi xây dựng một engine game "thực thụ" tích hợp nhiều công nghệ khác nhau, từ hệ thống build (빌드시스템) và script (스크립트).
중급이상
C++, Unity, DirectX
Tạo game engine - Xây dựng cấu trúc nền tảng sử dụng Directx11 và imgui (PHẦN 1)
eazuooz


Tự phát triển engine bằng C++ (clone coding Unity Engine)
eazuooz
Đây là quá trình tạo ra một game engine tương tự như Unity game engine bằng C++. Nó được tạo ra bằng cách suy đoán mã bên trong và thông qua đó, chúng ta có thể suy nghĩ về các nguyên tắc bên trong của Unity engine.
중급이상
windows-api, C++, game-programming
Tự phát triển engine bằng C++ (clone coding Unity Engine)
eazuooz


Thực hành ngôn ngữ C trong môi trường đồ họa với EasyWin32
tipsware
Thay vì thực hành ngôn ngữ C trong một môi trường nhàm chán, hãy vui vẻ thực hành ngôn ngữ C bằng cách tạo một ứng dụng Windows thực sự có thể sử dụng được.
입문
C, microsoft-visual-c++, C++
Thực hành ngôn ngữ C trong môi trường đồ họa với EasyWin32
tipsware

[初級] QMLプログラミング2編

学習した受講者のレビュー

こんなことが学べます

プログラミング言語QML？

簡単な文法、簡潔な読みやすさ
QMLの利点を体験してください。

`QMLプログラミング入門`

`こんな方におすすめです🙋‍♀`

`講義目標💡`

`この講義だけの特徴確認してください📖`

`講義構成📖`

`Q&A 💬`

`こんな方へお勧めします！`

`こんな方におすすめです`

`こんにちはです。`

`지식공유자 소개 ✒️`

`カリキュラム`

`受講レビュー`

`qtdevの他の講座`

`似ている講座`

[初級] QMLプログラミング2編

学習した受講者のレビュー

こんなことが学べます

プログラミング言語QML？

簡単な文法、簡潔な読みやすさQMLの利点を体験してください。

QMLプログラミング入門

こんな方におすすめです🙋‍♀

講義目標💡

この講義だけの特徴確認してください📖

講義構成📖

Q&A 💬

こんな方へお勧めします！

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

지식공유자 소개 ✒️

カリキュラム

受講レビュー

qtdevの他の講座

似ている講座

簡単な文法、簡潔な読みやすさ
QMLの利点を体験してください。

`QMLプログラミング入門`

`こんな方におすすめです🙋‍♀`

`講義目標💡`

`この講義だけの特徴確認してください📖`

`講義構成📖`

`Q&A 💬`

`こんな方へお勧めします！`

`こんな方におすすめです`

`こんにちはです。`

`지식공유자 소개 ✒️`

`カリキュラム`

`受講レビュー`

`qtdevの他の講座`

`似ている講座`