イメージオブジェクトのNativeScriptフルスクリーン背景イメージ

Question

イメージをページに配置しようとしていますが、画面の全幅と高さ（背景イメージ）に引き伸ばす必要があります。画像は画面の大きさよりも大きく、正方形なので、画面の高さと中心にする必要があります。

私はイメージとしてそれを必要とするので、後でそれを移動してアニメーション化することができます。しかし、別の可能な回避策は以下の通りです

が

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

Answer 1

あなたのソリューションが動作するはず..：：

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"); 
} 

スケールを使用して画像を伸ばし、後で簡単に背景画像をアニメーション化できます。例： あなたはそれらの異なると（あなたはすべての異なるデバイス上で適切にスケーリングされ、見栄えの良いイメージを持っています適切にスケールされたアプリの背景画像、アプリのアイコン、および他の静的resources.Thisの方法を提供するApp_Resources画像を使用して検討すること

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