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

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

 

自動調整式版面配置

影片 選用

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

回覆應用程式簡介

影片 選用

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

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

程式碼研究室

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

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

程式碼研究室

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

練習:建構運動應用程式

程式碼研究室

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

專案:建立 My City 應用程式

程式碼研究室

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

下一步

影片 選用

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