nativescript-panorama-imageview
适用于 NativeScript 的全景图片查看器
npm i --save nativescript-panorama-imageview

npm npm

NativeScript-Panorama-ImageView

使用设备移动来平移图片的全景图片查看器

本地库

  • PanoramaImageView - https://github.com/gjiazhe/PanoramaImageView

屏幕

Sample1 | Sample2

许可证

此插件由 Brad Martin 根据 MIT 许可证授权

安装

从您的命令提示符/终端进入您的应用程序根目录,并执行

tns plugin add nativescript-panorama-imageview

用法

XML

<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:PanoramaImageView="nativescript-panorama-imageview" loaded="pageLoaded">
<ActionBar title="Panoramic ImageView" />
<ScrollView>
<StackLayout class="p-20">
<PanoramaImageView:PanoramaImageView height="220" src="~/images/panSunset.jpg" />
<PanoramaImageView:PanoramaImageView height="200" scrollbar="true" src="https://cdn.pixabay.com/photo/2016/11/23/18/29/cloudy-1854241_960_720.jpg" />
<PanoramaImageView:PanoramaImageView height="240" src="https://cdn.pixabay.com/photo/2016/11/21/15/43/beach-1846040_960_720.jpg" />
</StackLayout>
</ScrollView>
</Page>

属性

  • scrollbar: boolean 可选(默认 = false) - 如果为 true,则图像视图上会显示滚动条。