配合不同的螢幕大小進行調整

在本課程中，您將瞭解如何根據不同的螢幕大小調整應用程式、提供更優質的使用者體驗，以及如何測試自動調整式 UI。

 

自動調整式版面配置

影片 選用

歡迎來到課程 3！您之前已學會如何建構有多個螢幕的應用程式。在本課程中，您將瞭解如何讓這些螢幕自動調整至不同的螢幕大小！

回覆應用程式簡介

影片 選用

在此課程中，您會建構「回覆」應用程式，這個應用程式可在各種尺寸的螢幕上顯示各種版面配置的運作方式。

使用動態導覽建構自動調整式應用程式

程式碼研究室

瞭解如何透過自動調整式導覽 UI 模式，讓應用程式在大螢幕上順利運作。

參加程式碼研究室

使用自動調整式版面配置建構應用程式

程式碼研究室

瞭解如何實作其中一個標準化版面配置模式，針對大型螢幕調整應用程式。

參加程式碼研究室

練習：建構運動應用程式

程式碼研究室

藉由實作清單-詳細資料版面配置，練習在不同類型的裝置上如何提供更優質的使用者體驗，以及如何進行測試。

參加程式碼研究室

專案：建立 My City 應用程式

程式碼研究室

建立應用程式，顯示居住城市的推薦景點。

參加程式碼研究室

下一步

影片 選用

恭喜您完成單元 4！在本單元中，您學到了許多重要主題，例如活動生命週期、應用程式架構、導覽元件和自動調整式版面配置。有了這些知識，您就可以建構更強大且可供測試的應用程式，讓使用者無論使用哪種裝置，螢幕大小為何，皆能享有更優質的體驗。