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

Question

我目前正在开发NativeScript应用程序。我在此应用程序上使用本地保存的图片时遇到问题。我需要能够以XML格式最大化这个图片，并使其透明，以便移动到下一页。

Answer 1

取决于您如何存储图像;如果它在app文件夹中，那么你需要：

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

如果它位于app_resources文件夹中，则需要

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

添加宽度和高度以确定其大小

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

为透明度添加一些css：

Image {opacity: 50;}

如果你需要一个按钮（用于导航），那么你应该这样做：

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

网格布局允许您在同一显示区域中堆叠项目。