Wie in Xamarin Forms-Projekt verschiedene Größen der BackgroundImage-Eigenschaft für Page verwenden?

Question

Ich habe einige Arten von Bild in Ressourcen

- 320 x 480 login-background.png 
- 640 x 960 login-background@2x.png 
- 640 x 1136 login-background-568h@2x.png 
- 750 x 1334 login-background-667h@2x.png 

hinzugefügt

Dann habe ich Background Eigenschaft in XAML wie "Bild/login-Hintergrund"

Aber es immer noch gefüllt funktioniert nicht. Sowohl das Gerät als auch der Simulator rendern 320 x 480.

Answer 1

Xaml erkennt die -568h oder @2x e.t.c für iOS nicht. Es wählt das Bild aus, das dem genauen Namen ohne Erweiterung entspricht. Es funktioniert auf Android, da alle Bilder denselben Namen haben und die Auflösungsordner unterschiedlich sind.

Als Workaround können Sie Bilder aus dem C# -Code festlegen, indem Sie die Höhe/Breite durch Überschreiben der OnSizeAllocated-Methode betrachten.

protected override void OnSizeAllocated(double width, double height) 
{ 
    base.OnSizeAllocated(width, height); 
    string BackGroundImgName = "myimage"; 
    Device.OnPlatform(iOS:() => 
    { 
     if (width >= 414) 
      // iPhone 6 Plus 
      this.BackgroundImage = BackGroundImgName + "-736h@3x.png"; 
     else if (width >= 375) 
      // iPhone 6 
      this.BackgroundImage = BackGroundImgName + "-667h@2x.png"; 
     else if (width >= 320 && height >= 500) 
      // iPhone 5 
      this.BackgroundImage = BackGroundImgName + "-568h@2x.png"; 
     else if (width >= 320) 
      // iPhone 4 
      this.BackgroundImage = BackGroundImgName + "@2x.png"; 
     else 
      this.BackgroundImage = BackGroundImgName + ".png"; 
    }, 
    Android:() => { this.BackgroundImage = BackGroundImgName + ".png"; } 
    ); 
}