移花接木(6)- 改变krpano的控制方式与鼠标样式

更新于 2020.11.19 krpano 1.20.9

演示

 

说明

官方范例在下载包的下述位置

   你电脑的路径\krpano-1.20.9\viewer\examples\control-mode\example.xml

(1.18.6)\examples\xml-usage\cursors\cursors.xml

提示:如果不明白下载包路径是什么,请查看 循序渐进(3)- krpano下载包的使用说明

krpano默认的控制方式是一种名为moveto的方式,但也有人不喜欢这种方式,希望初始时使用drag的方式,也有人希望在导航增加按钮可在两种方式间进行切换。当然,还有人想更改系统的鼠标样式,希望使用自己的样式。krpano的官方案例有这样的链接。

在1.20.9中,新的 control.mode属性整合和取代了control.mouse 和 control.touch 设置。如果使用不同的控制模式,则应该通过设备检查来实现。旧的属性仍然可用。

 

krpano 1.19 pr5之后的改变控制方式(krpano control)

将以下代码放到主xml中,使得控制方式在鼠标和触屏上在项目启动时就是drag的方式。

点击代码窗口最右侧按钮,在新窗口打开后复制代码

将以下代码放到主xml中,使得控制方式在鼠标和触屏上在项目启动时就是moveto的方式。

点击代码窗口最右侧按钮,在新窗口打开后复制代码

当然也可以在mouse和touch上分别使用moveto和drag。

点击代码窗口最右侧按钮,在新窗口打开后复制代码

通过按钮进行切换的方式如下,主要是onclick的部分:

点击代码窗口最右侧按钮,在新窗口打开后复制代码

 

1.18的改变控制方式(krpano control)

如果你使用的是默认的模版,你可以在krpano元素的onstart中进行条件。

点击代码窗口最右侧按钮,在新窗口打开后复制代码

或者直接在startup这个action里面添加

点击代码窗口最右侧按钮,在新窗口打开后复制代码

如果你有一个按钮,专门切换两种模式的话,你可以在按钮layer的静态代码里写onclick

点击代码窗口最右侧按钮,在新窗口打开后复制代码

 

改变鼠标样式(Flash下可用)

改变鼠标样式,主要是要有一组鼠标图片。然后我们执行一个action来替换这些鼠标图片。也就是在

点击代码窗口最右侧按钮,在新窗口打开后复制代码

然后对应的action的代码

点击代码窗口最右侧按钮,在新窗口打开后复制代码

如果是1.19,第二行要改为
cursors是krpano元素中控制鼠标样式的元素,查看cursors元素官方说明文档

  • cursors.url     控制鼠标样式的图片路径
  • cursors.type   类型,这里是八向类型

下面有点类似crop的用法,分别定义了在移动和拖拽,以及八个箭头方向对应的鼠标样式。查看crop的使用说明

在 “移花接木(6)- 改变krpano的控制方式与鼠标样式” 上有 1 条评论

发表评论