Krpano学习：认识全景生成.bat文件及其相关配置文件（二）以热点和导航图tooltip为例

心已赠人 2022-06-01 07:55 608阅读 0赞

根据我在[Krpano学习：认识全景生成.bat文件及其相关配置文件（一）][Krpano_.bat]里介绍的，当配置文件设置不一样，生成的全景文件不一样。

同样以MAKE VTOUR (NORMAL) droplet.bat为例，它引用的配置文件为vtour-normal.config，这个配置文件又引用了basicsettings.config和vtourskin119.skin这两个配置文件，这两个配置文件又引用了一系列配置文件。当我们通过修改这些配置文件里的设置，就可以更改生成的全景配置。

以下举几个例子：

**1.把功能加到配置里，让生成的所有全景都有这个功能。**

（1） 以拖动热点为例：以下的为拖动热点的方法，将之放到\\templates\\xml文件夹下的vtour.xml中，具体位置为startup这个action后面。这个时候用MAKE VTOUR (NORMAL) droplet.bat生成全景，会发现所有全景的xml都有拖动函数了，只要热点调用这个函数就可以实现拖动。

![SouthEast][]

<action name="draghotspot">
            spheretoscreen(ath, atv, hotspotcenterx, hotspotcentery, 'l');
            sub(drag_adjustx, mouse.stagex, hotspotcenterx);
            sub(drag_adjusty, mouse.stagey, hotspotcentery);
            asyncloop(pressed,
            sub(dx, mouse.stagex, drag_adjustx);
            sub(dy, mouse.stagey, drag_adjusty);
            screentosphere(dx, dy, ath, atv);
            roundval(ath, 3);
            roundval(atv, 3);
            js(getHotSpotXY(get(ath),get(atv)));
            );
        </action>
    
        <action name="do_crop_animation">
            
            registerattribute(xframes, calc((imagewidth / %1) BOR 0));
            registerattribute(yframes, calc((imageheight / %2) BOR 0));
            registerattribute(frames, calc(xframes * yframes));
            registerattribute(frame, 0);
    
            set(crop, '0|0|%1|%2');
    
            setinterval(calc('crop_anim_' + name), calc(1.0 / %3),
            if(loaded,
            inc(frame);
            if(frame GE frames, if(onlastframe !== null, onlastframe() ); set(frame,0); );
            mod(xpos, frame, xframes);
            div(ypos, frame, xframes);
            Math.floor(ypos);
            mul(xpos, %1);
            mul(ypos, %2);
            calc(crop, xpos + '|' + ypos + '|%1|%2');
            ,
            clearinterval(calc('crop_anim_' + name));
            );
            );
        </action>

（2） 给热点添加浮现的title为例：由上面的动图可以看到，当鼠标放到热点上时会出现热点的名称，当鼠标移走后名称消失。krpano在配置文件里提供了一个配置属性为tooltips\_hotspots，但更改这个值热点并没有任何改变。但是官方提供的软件里附带的示例文件里有这个例子。路径为\\viewer\\examples\\tooltips，运行index.html就可以看到效果。在xml中可以看到它其实是一个layer，滑入和滑出由style来控制layer的显示与否，然后给要有此功能的热点添加这个style，并为这个style的html赋值。主要代码为：

在xml中给热点添加这一功能的方法：

<hotspot name="spot1" url="picture.png" distorted="true" style="tooltip" tooltip="content" ath="0" atv="0" />

当热点是由javascript操控时，设置style属性时不能直接使用我们常使用的设置属性的set(name,value)方法：

krpano_hotspot.call("set(hotspot[" + hotspot_name + "].distorted,true);");

而要用loadstyle方法：

krpano_hotspot.call("hotspot[" + hotspot_name + "].loadstyle(tooltip);");
    krpano_hotspot.call("set(hotspot[" + hotspot_name + "].tooltip," + hotspot_tooltip +");");

**2.更改一些属性设置**

以给缩略导航图增加名称为例。需求功能为：当鼠标放到全景下方缩略图上时，鼠标旁会出现这个场景的名称，当移走后名称消失。

![SouthEast 1][]

krpano自带这个功能，但是设置为false，需要我们自己改为true。

（1）更改特定的全景：直接更改这个全景的xml文件内容。在xml的28行：tooltips\_thumbs="false"，直接将false改为true。

（2）更改配置文件，所有全景都有这个功能。tooltips\_thumbs这个属性来自于skin\_settings这个结点，它是根据\\templates\\xml下的vtour.xml文件生成的，而这个文件其实是来源于\\templates\\xml\\skin下的vtourskin.xml。vtourskin.xml对全景配置做了定义并赋初值，而vtour.xml对这些变量进行更改，他们的tooltips\_thumbs都默认为false。因而，如果你修改了vtourskin.xml而不修改vtour.xml，那么你生成的全景里tooltips\_thumbs依旧为false。你需要更改的主要是vtour.xml中的tooltips\_thumbs。

[Krpano_.bat]: http://blog.csdn.net/u013719339/article/details/79141543
[SouthEast]: /images/20220601/108a553a45b04916a6a41619409a2c92.png
[SouthEast 1]: /images/20220601/4e48a010ee3e4e75851bb03448b05806.png