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 程式庫輕鬆區分產品,並透過設計來呈現品牌形象。
编写您的第一款 Flutter 应用(第 1 部分)
38 分鐘
Updated 2024年9月18日
Flutter 是 Google 的界面工具包,可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在此 Codelab 中,您将学习如何构建移动端的 Flutter 应用,此应用可使用能生成随机词对的软件包延迟加载无限列表。
编写您的第一款 Flutter 应用(第 2 部分)
43 分鐘
Updated 2024年9月18日
Flutter 是 Google 的界面工具包,可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在本 Codelab 中,您将扩展简单的移动应用,以添加交互性和导航,并更改其主题颜色。
MDC-103 Flutter:Material 主题中的颜色、形状、高度和类型 (Flutter)
34 分鐘
Updated 2024年9月18日
了解 Material Components for Flutter 如何让您的产品与众不同并通过设计表达您的品牌。
MDC-101 Flutter:Material Components (MDC) 基础知识 (Flutter)
14 分鐘
Updated 2024年9月18日
利用核心组件构建一个简单的应用,学习使用 Material Components for Flutter 的基础知识。
使用 Flutter 和 Flame 构建游戏
Updated 2023年5月19日
在此 Codelab 中,您将使用 Flutter 和 Flame 引擎创建一个名称为 Doodle Dash 的平台游戏。