使用 QML 建立跨平台流體和動態 UI。在 Windows、Mac、Linux、Android、iOS 和嵌入式上運行它們。
從這 20.5 小時的課程,你會學到
- 使用 QML 語言的基礎知識
- QML 中的訊號( signals )和插槽( slots )
- 在 QML 中使用 Javascript
- 在 QML 中使用對話框
- 變換、過渡和動畫
- 設定和本地存儲
- 使用 Qt Quick 基本元素並在 QML 中建立自己的元素
- 使用輸入元素
- QML 中的定位元素
- Qt Quick Controls 2 框架
- 模型、視圖和委託
- 網路:取得 HTTP 資料和 JSON(REST)API
要求
- 思想開放,學習意願強
- 對 Javascript 有基本的了解會有幫助,但不是必要的
- 設計眼光
課程說明
Qt6 QML 是 Qt 框架中最新、最出色的技術,用於建立美觀、流暢、動態且跨平台的使用者介面,可運行在行動裝置(Android、IoS、觸控裝置(嵌入式))和任何主流桌面平台( Linux ,Windows,Mac )。
本課程的主要目的是幫助您成功成為 Qt6 QML GUI 設計師,並盡可能在最有效的時間內實現這一目標。課程包含大量直截了當、易於理解的演示,這些演示經過精心設計,旨在幫助您掌握特定的 Qt Quick UI 開發主題。
目標學生是任何願意將 Qt Quick/QML UI 設計添加到他們的技能堆疊中的人。雖然 Qt Quick 是基於 Qt 和 C++ 建構的,但不需要了解 Qt 或 C++。本課程對於願意使用 Qt Quick 的設計師和願意提升流體 UI 設計技能的現有 C++ 開發人員同樣有用。
我們首先設定您的開發環境並讓您運行您的第一個 Qt Quick 應用程式。然後我們進入以下主題
- 剖析 QML 語法,我們探討 QML 語法、QML 的基本型別、屬性和處理程序、屬性綁定和 Qt Quick 全域物件等主題;
- Qt Quick 基本元素,並檢視 Rectangle、Text、Image 和 Item 等元素;
- 外部元件,我們將 QML 程式碼提取到外部檔案中並將其匯入到其他檔案中。我們也將探討 Qt6 中透過 CMake 增強的 QML 模組這一重要主題
- 信號和插槽;
- 使用 Javascript,我們將探索 QML 中可用的 javascript 環境,在 QML 檔案中輸入 Javascript 程式碼的位置和方式、函數和範圍以及匯入外部 Javascript 檔案;
- 使用者輸入元素:TextInput、TextEdit、MouseArea 和拖放、Keys 附加屬性、KeyNavigation 和 FocusScope
- Qt Quick 定位並探索錨點、定位器、佈局和流程等主題
- Qt Quick 控制,我們在其中探索了大量可用且可供您的精彩應用程式使用的 UI 元件;
- 對話框:顏色對話框( ColorDialog )、檔案對話框( FileDialog )、字型對話框( FontDialog )、訊息對話框( MessageDialog )和自訂對話框( Custom Dialogs )
- 模型、視圖和委託,我們在這裡探索利用 Qt Quick 中的模型視圖委託架構所需的各個部分
- 轉場、變換與動畫:哦 動畫!對我來說,這是 Qt Quick 中最有趣、最吸引人的主題。我們將帶您了解如何為 Qt Quick 元件製作動畫,以及如何使用狀態和轉換等技巧來讓您的設計栩栩如生。
- 網路:我們向您展示如何使用 XmlHttpRequest 下載 HTTP 數據,以及如何使用相同的 Javascript 物件在 Qt Quick 應用程式中使用 REST API
- 儲存:我們首先使用 Qt.labs 模組中的設定元件來儲存和載入您的應用程式設置,並使用由嵌入式 SQLite 資料庫支援的 LocalStorage 模組執行相同的操作。
Qt 是全球數千個軟體專案和一些最成功公司的首選平台。學習 Qt Quick 肯定會提高您利用這個豐富而出色的框架的能力。請查看一些教學預覽,讓我們開始使用 Qt Quick 建立流暢的用戶介面。
目標受眾
- 願意嘗試 Qt Quick 原型設計和 UI 設計的設計師
- 現有的 Qt C++ 程式設計師願意將 Qt Quick 加入他們的工具庫中
- 任何願意建立能夠在桌面、行動和嵌入式裝置上運行的流暢動態使用者介面的人
講師簡介
Daniel Gakwaya Blikoon Technologies 軟體工程師
Daniel 是 Blikoon Technologies 的資深軟體工程師。他從 2011 年開始編寫軟體,Qt 是他最喜歡的框架之一。他的許多基於跨平台 Qt 的專案已經完成並投放市場。他生性自學成才,熱衷於學習新事物並喜歡與他人分享知識。尤其是那些剛接觸軟體開發這門黑暗藝術的人。
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- Udemy 永久擁有課程 ⏳特價中 NT310 起(點擊連結看更多)
- ✨年訂閱每月 NT350(限時再20% off 中=NT280/月 < USD10/month) 🌈 悠遊 Udemy 的 26000+ 門課,最大化學習 ( 原價 NT635/月 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- JavaScript 相關線上課程
- ★想要加強英文能力嗎?– 練好英文是最大的學習槓桿
- Soft & Share 特價課程與學習資訊分享 加入這個社團追蹤我們的特價課程與學習訊息
發表迴響