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

更新 2016.8.2

演示

 

说明

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

/examples/xml-usage/cursors/cursors.xml

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

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

 

krpano 1.19 pr5的改变控制方式

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

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

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

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

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

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

通过按钮进行切换的方式如下:

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

 

 

1.18的改变控制方式

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

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

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

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

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

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

 

改变鼠标样式(Flash)

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

然后对应的action的代码

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

如果是1.19,第二行要改为

cursors是krpano元素中控制鼠标样式的元素,查看cursors元素官方说明文档

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

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

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

发表评论