透過集合功能整理內容
你可以依據偏好儲存及分類內容。
check_circle
自動調整式版面配置
ondemand_video
影片
選用
歡迎來到課程 3！您之前已學會如何建構有多個螢幕的應用程式。在本課程中，您將瞭解如何讓這些螢幕自動調整至不同的螢幕大小！
check_circle
回覆應用程式簡介
ondemand_video
影片
選用
在此課程中，您會建構「回覆」應用程式，這個應用程式可在各種尺寸的螢幕上顯示各種版面配置的運作方式。
check_circle
使用動態導覽建構自動調整式應用程式
emoji_objects
程式碼研究室
瞭解如何透過自動調整式導覽 UI 模式，讓應用程式在大螢幕上順利運作。
check_circle
使用自動調整式版面配置建構應用程式
emoji_objects
程式碼研究室
瞭解如何實作其中一個標準化版面配置模式，針對大型螢幕調整應用程式。
check_circle
練習：建構運動應用程式
emoji_objects
程式碼研究室
藉由實作清單-詳細資料版面配置，練習在不同類型的裝置上如何提供更優質的使用者體驗，以及如何進行測試。
check_circle
專案：建立 My City 應用程式
emoji_objects
程式碼研究室
check_circle
下一步
ondemand_video
影片
選用
恭喜您完成單元 4！在本單元中，您學到了許多重要主題，例如活動生命週期、應用程式架構、導覽元件和自動調整式版面配置。有了這些知識，您就可以建構更強大且可供測試的應用程式，讓使用者無論使用哪種裝置，螢幕大小為何，皆能享有更優質的體驗。
測驗
測試您所學到的知識，並贏得自動調整版面配置徽章。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
