web-dev-qa-db-fra.com

Densité de l'écran dans iOS et Universal WIndows App

Salut, j'ai besoin de connaître la densité de l'écran dans Windows 10/8/8.1 et iOS. J'ai obtenu la densité d'écran en Android en utilisant DisplayMetrics mais je ne trouve aucune option/propriété de ce type disponible dans UWP et iOS.

xamarin.iosuwpxamarin.formsportable-class-library
13
Sonali

MISE À JOUR - 8 juin 2018

Xamarin a publié Xamarin.Essentials!

Xamarin.Essentials fournit aux développeurs des API multiplateformes pour leurs applications mobiles.

Android, iOS et UWP offrent un système d'exploitation et des API de plate-forme uniques auxquels les développeurs ont accès en C # en utilisant Xamarin. Xamarin.Essentials fournit une API multiplateforme unique qui fonctionne avec n'importe quelle application Xamarin.Forms, Android, iOS ou UWP accessible à partir du code partagé, quelle que soit la façon dont l'interface utilisateur est créée. https://github.com/xamarin/Essentials

Vous pouvez désormais interroger les informations d'affichage de l'appareil sans avoir à gérer tous les éléments de code de plate-forme individuels.

Informations sur l'affichage du périphérique - https://docs.Microsoft.com/en-us/xamarin/essentials/device-display

Comment:

Ajoutez une référence à Xamarin.Essentials dans votre classe:

using Xamarin.Essentials;

Les informations suivantes sont exposées via l'API:

// Get Metrics
var mainDisplayInfo = DeviceDisplay.MainDisplayInfo;

// Orientation (Landscape, Portrait, Square, Unknown)
var orientation = mainDisplayInfo.Orientation;

// Rotation (0, 90, 180, 270)
var rotation = mainDisplayInfo.Rotation;

// Width (in pixels)
var width = mainDisplayInfo.Width;

// Height (in pixels)
var height = mainDisplayInfo.Height;

// Screen density
var density = mainDisplayInfo.Density;

Liens utiles:

Message d'origine (avant l'existence de Xamarin.Essentials)

Ci-dessous, je stocke les détails de l'écran du système d'exploitation spécifique dans static vars, situé dans la classe Xamarin Forms App

Tout cela semble fonctionner dans mes tests.

(copier/coller depuis ma page github - https://github.com/mattregul/Xamarin_Screensize )

Android (MainActivity.cs) - Aller à la page Github

// Store off the device sizes, so we can access them within Xamarin Forms
// Screen Width = WidthPixels / Density
// Screen Height = HeightPixels / Density

App.DisplayScreenWidth  = (double)Resources.DisplayMetrics.WidthPixels / (double)Resources.DisplayMetrics.Density;
App.DisplayScreenHeight = (double)Resources.DisplayMetrics.HeightPixels / (double)Resources.DisplayMetrics.Density; 
App.DisplayScaleFactor  = (double)Resources.DisplayMetrics.Density;

iOS (AppDelegate.cs) - Aller à la page Github

// Store off the device sizes, so we can access them within Xamarin Forms
App.DisplayScreenWidth  = (double)UIScreen.MainScreen.Bounds.Width;
App.DisplayScreenHeight = (double)UIScreen.MainScreen.Bounds.Height;
App.DisplayScaleFactor  = (double)UIScreen.MainScreen.Scale;

Remarque Dans tous les exemples Windows, screensize est l'espace de noms du projet racine

UWP (App.xaml.cs) - Aller à la page Github

// You decided which is best for you...
//  Do you want Size of the App's View
//      or
//  Do you want the Display's resolution 
// ######################################

// Size of App's view
screensize.App.DisplayScreenHeight = Windows.UI.ViewManagement.ApplicationView.GetForCurrentView().VisibleBounds.Height;
screensize.App.DisplayScreenWidth = Windows.UI.ViewManagement.ApplicationView.GetForCurrentView().VisibleBounds.Width;

// Size of screen's resolution
//screensize.App.DisplayScreenWidth = Windows.Graphics.Display.DisplayInformation.GetForCurrentView().ScreenHeightInRawPixels;
//screensize.App.DisplayScreenHeight = Windows.Graphics.Display.DisplayInformation.GetForCurrentView().ScreenWidthInRawPixels;

// Pixels per View Pixel
// - https://msdn.Microsoft.com/en-us/windows/uwp/layout/design-and-ui-intro#effective-pixels-and-scaling
// - https://msdn.Microsoft.com/en-us/windows/uwp/layout/screen-sizes-and-breakpoints-for-responsive-design
screensize.App.DisplayScaleFactor = Windows.Graphics.Display.DisplayInformation.GetForCurrentView().RawPixelsPerViewPixel;

Windows Phone 8.1 (App.xaml.cs) - Aller à la page Github

// Size of App's view
screensize.App.DisplayScreenHeight = Windows.UI.ViewManagement.ApplicationView.GetForCurrentView().VisibleBounds.Height;
screensize.App.DisplayScreenWidth = Windows.UI.ViewManagement.ApplicationView.GetForCurrentView().VisibleBounds.Width;

// Pixels per View Pixel
// - https://msdn.Microsoft.com/en-us/windows/uwp/layout/design-and-ui-intro#effective-pixels-and-scaling
// - https://msdn.Microsoft.com/en-us/windows/uwp/layout/screen-sizes-and-breakpoints-for-responsive-design
screensize.App.DisplayScaleFactor = Windows.Graphics.Display.DisplayInformation.GetForCurrentView().RawPixelsPerViewPixel;

Windows 8.1 (App.xaml.cs) - Aller à la page Github

// Size of App's view
screensize.App.DisplayScreenHeight = Window.Current.Bounds.Height;
screensize.App.DisplayScreenWidth = Window.Current.Bounds.Width;
screensize.App.DisplayScaleFactor = 1; // No scaling here?  If you find a scaling for Windows 8.1, please let me know :)

Page Xamarin Forms (App.cs) - Aller à la page Github

namespace screensize
{
    public class App : Application
    {
        public static double DisplayScreenWidth = 0f;
        public static double DisplayScreenHeight = 0f;
        public static double DisplayScaleFactor = 0f;

        public App()
        {

            string ScreenDetails = Device.OS.ToString() + " Device Screen Size:\n" +
                $"Width: {DisplayScreenWidth}\n" +
                $"Height: {DisplayScreenHeight}\n" +
                $"Scale Factor: {DisplayScaleFactor}";

            // The root page of your application
            var content = new ContentPage
            {
                Title = "Xamarin_GetDeviceScreensize",
                Content = new StackLayout
                {
                    VerticalOptions = LayoutOptions.Center,
                    Children = {
                        new Label {
                            HorizontalTextAlignment = TextAlignment.Center,
                            FontSize = Device.GetNamedSize (NamedSize.Large, typeof(Label)),
                            Text = ScreenDetails
                        }
                    }
                }
            };

            MainPage = new NavigationPage(content);
        }

    }
}
38
Matthew Regul

Cette liste répertorie les informations dpi du périphérique ios. Vous pouvez également utiliser GBDeviceInfo outil tiers pour obtenir la densité d'écran pour IOS périphérique comme celui-ci [GBDeviceInfo deviceInfo].displayInfo.pixelsPerInch;

IOS:

   iPhones
iPhone 1/3G/3GS           320 x  480    163 ppi
iPhone 4/4S               640 x  940    326 ppi
iPhone 5/5C/5S            640 x 1136    326 ppi
iPhone 6/6S               750 x 1334    326 ppi
iPhone 6 Plus/6S Plus    1080 x 1920    401 ppi
  Without downsampling:  1242 x 2208    461 ppi

Except for the 6th generation (= 5th) iPod touch,
all the models are equal to their iPhone counterparts

iPads
iPad 1/2                  768 x 1024    132 ppi
iPad 3/4/Air/Air 2       1536 x 2048    264 ppi
iPad Mini 1               768 x 1024    163 ppi
iPad Mini 2/3/4          1536 x 2048    326 ppi
iPad Pro                 2737 x 2048    264 ppi

Apple Watches
Apple Watch 38 mm         272 x  340    326 ppi
Apple Watch 42 mm         312 x  390    326 ppi

J'ai trouvé API dans l'UWP pour récupérer le dpi de l'appareil. Windows.Graphics.Display.DisplayInformation. Tu peux l'essayer.

1
Nico Zhu - MSFT