全景照片交互及用法说明

码小哥

载入中...

全景照片交互与用法说明 轻轻地转动手机,尽情欣赏这美丽的全景画面吧! 关于全景照片 我们每个人的手机上都有全景照片拍摄功能,在拍摄风景、展会、建筑、房屋及室内场景时,可以记录比普通尺寸照片更多的画面,更宏大的场景。 不过,如果不借助专门的软件,仅在手机相册中浏览全景照片时,它只是一张长长的条形照片,完全失去了全景应有的宏大场面感,浏览其中的细节操作也比较麻烦。 在用晒网创作的作品中,全景照片得到了很好的支持。当你的读者转动手机、在照片上划动、或点击你设置的操作构件,即可方便地观赏。尤其适用于旅行相册、展会宣传、建筑及室内介绍等场合。

全景照片交互与用法说明

轻轻地转动手机,尽情欣赏这美丽的全景画面吧!

关于全景照片

我们每个人的手机上都有全景照片拍摄功能,在拍摄风景、展会、建筑、房屋及室内场景时,可以记录比普通尺寸照片更多的画面,更宏大的场景。


不过,如果不借助专门的软件,仅在手机相册中浏览全景照片时,它只是一张长长的条形照片,完全失去了全景应有的宏大场面感,浏览其中的细节操作也比较麻烦。


在用晒网创作的作品中,全景照片得到了很好的支持。当你的读者转动手机、在照片上划动、或点击你设置的操作构件,即可方便地观赏。尤其适用于旅行相册、展会宣传、建筑及室内介绍等场合。

使用全景照片很简单

不需要啥特别的操作,你就像在作品中插入磁盘上的普通照片一样,选择一张全景照片,剩下的设置晒网会自动帮你完成。

如果你想进一步设置全景照片的显示方式,可以选中刚才插入的全景照片构件,在右侧的内容页签中操作。


如上面的截图所示,你可以:

A、设置全景照片画面重点位置


用鼠标点击照片画面中的重点位置,它将作为全景照片刚开始显示时的初始位置,当用户转动手机时,将以此为中心自动移动全景照片,给人以身临其境的感觉。

B、进一步设置
控制全景照片

如果我们需要控制全景照片的移动和显示,例如:

此时可以利用构件交互行为,控制当前页中显示的全景照片,做出相应的动作。


这时我们需要在页面上添加一个用于控制的构件,给这个构件添加上特定行为下的动作。



  1. 选中控制全景照片的构件
  2. 切换到右侧的“行为”页签
  3. 添加一个点击构件后的行为,在其中添加上动作即可。

示例中,概览全景照片有以下动作步骤:

  1. 立刻将全景照片移动到最左侧
  2. 用5秒时间将全景照片移动到最右侧
  3. 再将全景照片移动到最终停留的焦点位置


回首页体验最终效果 》