Xamarin.Forms 用戶界面——控件——佈局——Layout for Tablet and Desktop apps

平板電腦和桌面應用的佈局

PDF用於離線使用

• 下載PDF

相關樣品：

• MyShoppe示例

相關鏈接：

• Xamarin博客

讓我們知道你對此的感受

最後更新：2016年2月

Xamarin.Forms支持支持的平臺上提供的所有設備類型，因此除手機外，應用程序也可以運行在：

• 解鎖iPhone和iPad，
• Android平板電腦，
• Windows平板電腦和臺式機（運行Windows 8.1或Windows 10）。

本頁簡要討論：

• 支持的設備類型和
• 如何優化平板電腦與手機的佈局。

設備類型

Xamarin.Forms支持的所有平臺都有更大的屏幕設備。

iPad（iOS）

Xamarin.Forms模板通過將Info.plist> Devices設置配置爲Universal（這意味着支持iPhone和iPad）自動包含iPad支持。

爲了提供愉快的啓動體驗，並確保在所有設備上使用全屏幕分辨率，您應該確保提供具有 iPad特定的啓動屏幕 （使用故事板）。這樣可以確保應用程序在iPad mini，iPad和iPad Pro設備上正確呈現。

在iOS 9之前，所有應用程序都在設備上全屏幕播放，但有些iPad現在可以執行分屏多任務。這意味着您的應用程序可能只佔用屏幕一側的超薄列，屏幕寬度的50％或整個屏幕。

分屏功能意味着您應該設計您的應用程序的工作良好，只有320像素寬，或多達1366像素寬。

Android平板電腦

Android生態系統擁有大量支持的屏幕尺寸，從小型手機到大型平板電腦。Xamarin.Forms可以支持所有屏幕尺寸，但與其他平臺一樣，您可能需要調整大型設備的用戶界面。

當支持許多不同的屏幕分辨率時，您可以提供不同大小的本機圖像資源，以優化用戶體驗。查看Android資源 文檔（特別是爲不同的屏幕尺寸創建資源），以獲取有關如何在Android應用程序項目中構建文件夾和文件名的更多信息，以在應用程序中包含優化的圖像資源。

Windows平板電腦和桌面

要支持運行Windows的平板電腦和臺式機，您需要使用以下兩種支持的項目類型之一：

• Windows 8.1 - 專門爲Windows 8.1平板電腦和桌面構建應用程序。
• Windows UWP支持 - 構建在Windows 10手機，平板電腦和桌面上運行的通用應用程序。

運行在Windows平板電腦和桌面上的應用程序除了運行全屏外，還可以調整爲任意維度。

優化平板電腦和桌面

您可以根據使用手機或平板電腦/桌面設備調整Xamarin.Forms用戶界面。這意味着您可以優化大屏幕設備（如平板電腦和臺式機）的用戶體驗。

Device.Idiom

您可以使用Device 該類更改您的應用程序或用戶界面的行爲。使用Device.Idiom 枚舉你可以

if (Device.Idiom == TargetIdiom.Phone)
{
    HeroImage.Source = ImageSource.FromFile("hero.jpg");
} else {
    HeroImage.Source = ImageSource.FromFile("herotablet.jpg");
}

可以擴展這種方法，以便對單個頁面佈局進行重大更改，甚至可以在較大的屏幕上呈現完全不同的頁面。

利用MasterDetailPage

這MasterDetailPage 是理想的大屏幕，特別是在iPad上，它使用UISplitViewController 提供一個原生的iOS體驗。

查看這個Xamarin博客帖子 ，看看如何適應您的用戶界面，使手機使用一個佈局，較大的屏幕可以使用另一個（與MasterDetailPage）。