将本地图片导入XML以用于跨平台应用程序

Question

I am currently working on a NativeScript App. I am having trouble using a locally saved picture on this app. I need to be able to maximize this said picture in XML and make it transparent so it allows movement to the next page.

Answer 1

Depends on how you are storing your image; if it is in the app folder then you need:

<Image src="/path/to/local/image">

If it is in the app_resources folder then you need

<Image src="res://image_name">

Add a width and a height to size it

<Image width="300" height="300">

Add some css for transparency:

Image {opacity: 50;}

If you are needing a button (for navigation) above it then you should do:

<GridLayout rows="auto">
   <Image row="0" ... other params .../>
   <Button row="0" ... other params .../>
</GridLayout>

Grid layout will allow you to stack items in the same display area.