Google Developers Codelabs 提供引導式教學課程,讓您親身體驗程式設計。大多數程式碼研究室都會逐步引導您建構小型應用程式,或者為現有應用程式新增功能。他們 涵蓋 Android Wear、Google Compute Engine 等 ARCore 和 Google API。
GitHub 上的程式碼研究室工具Flutter 中的動畫
24 分鐘
Updated 2025年1月14日
在本程式碼研究室中,您將瞭解如何在 Flutter 中使用動畫。您將建立小工具,為大小和顏色製作動畫、加入 3D 卡片翻轉效果、使用動畫套件中的特效,以及新增 Android 的預測返回手勢支援功能。
使用 FirebaseUI 在 Flutter 應用程式中新增使用者驗證流程
8 分鐘
Updated 2025年1月6日
在本程式碼研究室中,您將瞭解如何僅使用幾行程式碼,將 Firebase 驗證新增至 Flutter 應用程式。
使用 Firebase Emulator 套件,針對 Flutter 應用程式進行本機開發
8 分鐘
Updated 2024年11月9日
本程式碼研究室將介紹如何透過 Flutter 在開發期間使用 Firebase 模擬器套件。本程式碼研究室會使用驗證和 Firestore 模擬器來示範模擬器的用法。
MDC-102 Flutter:Material 結構和版面配置
22 分鐘
Updated 2024年11月4日
瞭解如何使用 Material Design 建立 Flutter 應用程式結構和版面配置。
在 Flutter 應用程式中加入 AdMob 橫幅廣告和原生內嵌廣告
39 分鐘
Updated 2024年8月29日
在本程式碼研究室中,您將瞭解如何在較複雜的應用程式中加入 AdMob 內嵌廣告 (橫幅和原生廣告)。
在 Flutter 應用程式中加入主畫面小工具
35 分鐘
Updated 2024年8月29日
在本程式碼研究室中,您將為 iOS 或 Android Flutter 應用程式建立主畫面小工具。我們會從基本的 Flutter 新聞應用程式開始說明。然後,您將使用原生架構為小工具本身建立 UI。最後,您將學到如何分享資源,以及建立小工具與主應用程式之間的通訊。
使用 Dialogflow Essentials 建構 Android 專用 Voice 機器人飄逸袖
1 小時 5 分鐘
Updated 2024年8月29日
可直接使用的 Dialogflow 整合了許多功能,包括網頁、Google 助理、社群媒體和電話閘道。不過,如果你想在行動裝置上使用聊天機器人,就必須建立自訂整合項目。本研究室將說明如何將 Dialogflow Essentials 整合至 Flutter 應用程式。
在 Flutter 應用程式中加入 Google 地圖
30 分鐘
Updated 2024年8月23日
在本程式碼研究室中,您將運用 Flutter 行動應用程式 SDK 打造 Google 地圖,在 iOS、Android 和網路上打造優質的原生體驗。
從無聊到精美的 Flutter 應用程式
52 分鐘
Updated 2024年8月23日
Flutter 是 Google 的 UI 工具包,可讓您透過單一程式碼集,建構美觀且以原生方式編譯的應用程式,適用於行動、網頁和電腦。在本程式碼研究室中,您將從純音樂應用程式開始著手,運用 Material 3 讓所有平台更美觀且回應速度更快。
使用 Material 3 建構動畫回應式應用程式版面配置
53 分鐘
Updated 2024年8月23日
在這個程式碼研究室中,您將瞭解如何建構採用自動調整式設計的應用程式,在 Flutter 支援的全部六個平台上,透過 Material 3 流暢地以動畫呈現效果。
Flutter 中的自動調整應用程式
1 小時
Updated 2024年8月23日
在本程式碼研究室中,您將建構 Flutter 應用程式,以適應 Flutter 支援的全部六個平台:Android、iOS、網頁、Windows、macOS 和 Linux。
在 Flutter 外掛程式中使用 FFI
Updated 2024年8月23日
在本程式碼研究室中,您將使用 FFI 為行動裝置和電腦平台建構 Flutter 外掛程式,藉此利用現有的原生 C 程式庫。
將 WebView 加入 Flutter 應用程式
1 小時 5 分鐘
Updated 2024年8月22日
在本程式碼研究室中,您將瞭解如何在 Flutter 應用程式中加入 webview_flutter 外掛程式。
運用 Flutter 和 Flame 建構 2D 物理遊戲
32 分鐘
Updated 2024年8月22日
瞭解如何使用 2D 物理引擎 Forge2D,在 Flutter 和 Flame 遊戲中製作遊戲機制。
Flame with Flutter 簡介
55 分鐘
Updated 2024年8月22日
在本程式碼研究室中,您將瞭解如何使用以 Flutter 為基礎建構的遊戲引擎 Flame。您將瞭解 Flame 的元件和效果,以及如何將 Flame 與 Flutter 的狀態管理整合。
在 Flutter 中建構新一代 UI
1 小時 15 分鐘
Updated 2024年8月22日
瞭解如何使用動畫、著色器和粒子效果,建構可在 Flutter 六個平台上都能使用的動畫、著色器和粒子效果,建構 Flutter 使用者介面。
MDC-101 Flutter:Material Design 元件基本概念
22 分鐘
Updated 2024年8月21日
為簡易 Flutter 應用程式建立登入頁面,瞭解使用 Material 元件的基本概念。
MDC-103 Flutter:使用顏色、形狀、高度和類型的 Material Design 主題設定
39 分鐘
Updated 2024年8月21日
瞭解如何透過 Material Flutter 程式庫輕鬆區分產品,並透過設計來呈現品牌形象。