Макет для планшета и классических приложенийLayout for Tablet and Desktop apps

Xamarin.Forms поддерживает все типы устройств, доступные на поддерживаемых платформах, поэтому помимо телефоны, приложения могут выполняться:Xamarin.Forms supports all device types available on the supported platforms, so in addition to phones, apps can also run on:

  • iPad,iPads,
  • Планшетов с AndroidAndroid tablets,
  • Планшеты Windows и настольных компьютеров (под управлением Windows 10).Windows tablets and desktop computers (running Windows 10).

На этой странице кратко описаны:This page briefly discusses:

Типы устройствDevice Types

Большего размера экрана устройства, доступны для всех платформ, поддерживаемых Xamarin.Forms.Larger screen devices are available for all of the platforms supported by Xamarin.Forms.

устройства iPad (iOS)iPads (iOS)

Шаблон Xamarin.Forms автоматически включает поддержку iPad, настроив Info.plist > устройств присвоить универсальной (это означает, iPhone и iPad поддерживаются).The Xamarin.Forms template automatically includes iPad support by configuring the Info.plist > Devices setting to Universal (which means both iPhone and iPad are supported).

Для запуска приятной работы и убедиться, что разрешение во весь экран на всех устройствах, следует убедиться в том экран iPad запуска предоставляется (с помощью раскадровки).To provide a pleasant startup experience, and ensure the full screen resolution is used on all devices, you should make sure an iPad-specific launch screen (using a storyboard) is provided. Это гарантирует, что приложение правильно отображается на устройствах iPad mini, iPad и iPad Pro.This ensures the app is rendered correctly on iPad mini, iPad, and iPad Pro devices.

До iOS 9 все приложения занимала во весь экран на устройстве, но некоторые устройства iPad теперь может выполнять разделить экран многозадачность.Prior to iOS 9 all apps took up the full screen on the device, but some iPads can now perform split screen multitasking. Это означает, что приложения могут занять просто тонкий столбец боковой части экрана, 50% от ширины экрана или весь экран.This means your app could take up just a slim column on the side of the screen, 50% of the width of the screen, or the entire screen.

Функциональные возможности разделенными экранами означает, что следует разрабатывать приложения для работы с как 320 пикселей в ширину или настолько, насколько 1366 пикселей в ширину.Split-screen functionality means you should design your app to work well with as little as 320 pixels wide, or as much as 1366 pixels wide.

Планшетов с AndroidAndroid Tablets

Android экосистемы имеет множество размеров поддерживаемых экрана, от небольших телефонов до больших планшетных ПК.The Android ecosystem has a myriad of supported screen sizes, from small phones up to large tablets. Xamarin.Forms поддерживает все размеры экрана, но как с другими платформами можно настроить пользовательский интерфейс для устройств большего размера.Xamarin.Forms can support all screen sizes, but as with the other platforms you might want to adjust your user interface for larger devices.

При поддержке множества различных разрешений экрана, можно предоставить ресурсы образов в машинном коде в разных размеров, чтобы оптимизировать взаимодействие с пользователем.When supporting many different screen resolutions, you can provide your native image resources in different sizes to optimize the user experience. Просмотрите ресурсы Android документации (и в частности Создание ресурсов для изменения размеров экрана) Дополнительные сведения о том, как структура папок и имена файлов в приложении Android проект для включения оптимизированного образа ресурсы в приложении.Review the Android resources documentation (and in particular creating resources for varying screen sizes) for more information on how to structure the folders and filenames in your Android app project to include optimized image resources in your app.

Windows планшетных и настольных компьютерахWindows Tablets and Desktops

Для поддержки планшетных и настольных компьютерах с Windows, необходимо использовать поддержки Windows UWP, какие сборки универсальных приложений, работающих на Windows 10.To support tablets and desktop computers running Windows, you'll need to use Windows UWP support, which builds universal apps that run on Windows 10.

Приложения, работающие на Windows планшетных и настольных компьютерах можно изменять для произвольных размеров в дополнение к работе весь экран.Apps running on Windows tablets and desktops can be resized to arbitrary dimensions in addition to running full-screen.

Оптимизация для планшетных и настольных компьютеровOptimizing for Tablet and Desktop

Вы можете указать пользовательский интерфейс Xamarin.Forms в зависимости от того, тип телефона или планшета/desktop устройство уже используется.You can adjust your Xamarin.Forms user interface depending on whether a phone or tablet/desktop device is being used. Это означает, что вы можете оптимизировать работу пользователя для устройств большими экранами, такие как планшеты и настольных компьютеров.This means you can optimize the user-experience for large-screen devices such as tablets and desktop computers.

Device.IdiomDevice.Idiom

Можно использовать Device класс для изменения поведения вашего приложения или в пользовательском интерфейсе.You can use the Device class to change the behavior of your app or user interface. С помощью Device.Idiom перечисления, вы можетеUsing the Device.Idiom enumeration you can

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

Этот подход можно развернуть, вносить изменения в макеты отдельных страниц, или даже для отображения аналоговое страниц на больших экранах.This approach can be expanded to make significant changes to individual page layouts, or even to render entirely different pages on larger screens.

Используя MasterDetailPageLeveraging MasterDetailPage

MasterDetailPage Идеально подходит для больших экранов, особенно на устройствах iPad, где он использует UISplitViewController для обеспечения работы машинном коде iOS.The MasterDetailPage is ideal for larger screens, especially on the iPad where it uses the UISplitViewController to provide a native iOS experience.

Просмотрите этой записи блога Xamarin чтобы увидеть, как можно ее адаптировать пользовательский интерфейс телефоны использовать один макет и экраны больше можно использовать другой (с MasterDetailPage).Review this Xamarin blog post to see how you can adapt your user interface so that phones use one layout and larger screens can use another (with the MasterDetailPage).