更改视图的背景图像,NativeScript(Android应用程序)

时间:2017-01-22 09:16:31

标签: android background-image nativescript hybrid-mobile-app

我正在尝试更改我的Android移动应用程序视图的背景图像。我正在使用NativeScript创建一个混合应用程序,但它无法正常工作。

视图的XML

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo" actionBarHidden="true" >
<StackLayout orientation="vertical">
    <Image src="rec://logo" stretch="none" horizontalAlignment="center"/>
    <Button text="Click" />
    <Button text="Click"/>
</StackLayout>

视图的CSS:

Page{
background-image: url('~/images/back.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}

注意:我想为背景添加的图像是back.jpg,它位于app文件夹下的images文件夹中。

1 个答案:

答案 0 :(得分:2)

我认为background-image属性需要稍微调整一下,我将其定义如下,并且工作正常:background-image: ~/images/bg_intro_pin.jpg