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

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

QtフレームワークUIの実装、
QMLでより強力に！

プログラミング言語QML？

Qtフレームワークでモダンな高度なUIを
簡単に開発できるプログラミング言語です。

QML（Qt Modeling Language）はQtフレームワークによって提供されるプログラミング言語です。QMLはQtフレームワークでUIを開発するために使用できるプログラミング言語です。

Qtフレームワークを利用してGUIプログラムを開発する際、UI部分のデザインロジックと機能部分の機能ロジックを区別して見ることができます。

QMLを使用してデザインロジックを開発すると、C ++を使用して開発するよりもはるかに簡単かつ迅速にUIを実装できます。

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

プログラミング言語を初めて学ぶときの主な「Hello World」出力の例を見てみましょうか？

 import QtQuick Window { width: 300 height: 200 visible: true title: qsTr("QML 예제소스코드") Text { x: 80 y: 70 text: "Hello World" font.pixelSize: 25 } }

_{QMLサンプルソースコード}

_{QMLサンプルソースコード実行画面}

QMLは簡単で簡単です。開発者でなくても簡単に理解できます。

そのため、QMLを利用すると、デザイナーと開発者が互いに同じ開発ツールを持って協力することで、以前より開発期間を短縮できるようになります。

QMLプログラミング入門
こんな方におすすめです🙋‍♀️

講義目標💡

• QMLを使用して、最新の高度なUX/UIを開発する方法を学ぶことができます。
• QMLを使用し、デザインロジックと機能ロジックを完全に分離する方法を学ぶことができます。
• セクションごとに理論を勉強し、さまざまな実務例を中心にコードを直接書くことができるので、実務で必要なQML開発能力を自然に学ぶことができます。

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

理論と実践を一度に

QML文法の他に、実践能力まで向上させることができるように講義を構成しました。

オンラインの壁を越えて

知識共有者の姿を講義画面にまとめました。

講義構成📖

セクション1. What is QML
QMLはQt Frameworkが提供するインタプリタ言語です。

セクション2. QMLのSyntaxと構造
QMLの構造と文法を学びます。
セクション3。
TypeとはQtのQWidgetのような概念です。このセクションでは、Typeが何かを学び、QMLが提供するTypeの中でよく使うTypeを中心に学びます。

セクション4。
タッチ、マウス、キーボードなど、ユーザーインターフェイスで発生するイベント処理をどのように実装するかを学ぶセクションです。QMLでSignalを実装する方法を学びます。

セクション 5. Loader タイプを使用した Dynamic UI の実装
UIでユーザーが特定の領域を動的に変更する方法を学びます。たとえば、AというGUI画面で特定の条件を満たす場合、B画面に切り替える方法を学びます。

セクション 6. Canvas
ペイントのように画面上にイメージ、線、図形、テキストを表示する方法について学びます。

セクション 7. Graphic Effects
Blur、Blend、ColorなどのEffectを画像に使用する方法を学びます。

セクション 8. Module Programming
ボタン、コンボボックスなど、GUI上でよく使用するモジュールをモジュール化するなど、ユーザーが定義したTypeをモジュールする方法について学びます。

セクション9. QMLでJavaScriptを使用する
QMLでJavaScript関数を使用する方法を学び、JavaScriptファイルをQMLでインポートする方法を学びます。

セクション 10. Dialog
QMLでダイアログを使用する方法を学びます。そして、練習の例としてColorを選択するダイアログを直接実装することで、ダイアログの使用方法について学ぶことができます。

セクション 11. Layout
QMLでは、Anchorsの他にRowLayout、ColumnLayout、GridLayout、LayoutなどのLayoutを使用できます。

セクション 12. Type Positioning
Type Positioning とは、画面上に Type を表示する方法を学習します。

セクション 13. Qt Quick Controls
Qt Quick Controlsは、Button、Dial、CheckBox、BusyIndicatorなどの画面を構成するために必要なGUIインターフェースを提供します。

Q&A 💬