NativeScript Vollbild Hintergrundbild von einem Bildobjekt

Question

Ich versuche, ein Bild auf der Seite zu platzieren und ich muss es auf die volle Breite und Höhe des Bildschirms (Hintergrundbild) gestreckt werden. Das Bild ist größer als die Bildschirmabmessungen und ist quadratisch, also muss ich die Höhe des Bildschirms und zentriert sein.

Ich brauche es als Bild, damit ich es später bewegen und animieren kann.

Bisher alles, was ich tun konnte, ist meine Seite ein Hintergrundbild zu geben:

#page : { 
    background-image: ~/Images/collage.jpg; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: cover; 
} 

Answer 1

Ihre Lösung .. aber eine weitere mögliche Lösung ist folgendes funktionieren sollte:

page.xml

<Page> 
    <GridLayout> 
     <GridLayout id="background" scaleX="2" scaleY="2" /> 
     <!-- page content follows here --> 
    </GridLayout> 
</Page>  

page.css

#background { 
    background-image: url("path-to-image"); 
} 

Verwenden Sie die entsprechende Skala, um das Bild zu strecken und von hier aus können Sie später Ihr Hintergrundbild leicht animieren. z.B.

page.getViewById("background").animate({ 
    scale: { x: 1.4, y: 1.4 }, 
    duration: 4000 
});