Skip to main content
 首页 » 教程动态

全景大师{热点说明组件}用法

2016年10月08日20600

640.jpg

本组件作用是在点击某个热点时,弹出一个小窗口,通过图片、文字、语音等方式对该热点进行详细地说明。同时支持flash及html5,使用简单,功能丰富,具有很好的实际展示效果。

在全景大师软件中有一个{场景介绍组件},通过它可以对场景中的某些物件进行图文语音的详细介绍,它是采用滑出面板方式,在介绍某个物件时,会自动旋转到该物件的所在视角。这里所说的{热点说明组件}与{场景介绍组件}在功用上很相似,但是却采用完全不同的展示方式。

{热点说明组件}注重具体场景内部的展示体验;{场景介绍组件}对全景项目的整体外观更加偏重。


首先,在全景大师的皮肤设计器中添加这个组件。

640a.jpg


然后,到内容区的场景中,为某个场景添加具体的[说明点]

640b.jpg


最后是设置属性并编写说明内容

640c.jpg
640d.jpg


附:data.xml文件的编写

在场景属性->"热点说明组件/说明点/内容"属性框的右边点小按钮,即打开该说明点的内容目录,具体路径为“项目目录\datainclude\vrm_hotspotreadme_component4scene\该说明点ID\”。可以使用记事本来编写该文件,内容为html。要注意的是,为确保同时支持flash及html5,请使用flash支持html子集标签。详细的支持标签请点这里[AS3FlashText]。

<a>链接 例如 <a href="http://www.baidu.com">百度</a>
<b>粗体 例如 <b>粗体显示</b>
<i>斜体 例如 <i>斜体显示</i>
<u>下划线 例如 <u>显示下划线</u>
<br>换行
<p>分段
<font>字体 例如<font color="#FF0000">红色</font>

<img>图片 例名<img src="datainclude/vrm_hotspotreadme_component4scene/aqfdybqooe/mm.jpg" hspace="10" style="margin:0px 10px 0px 0px" align="left"/>


当使用图片时,先将图片压缩为150像素大小,放到该说明点的内容目录中,然后正确设置img标签url,举例:图片名为abc.jpg,说明点ID为abcd1234,则该图片url为:

datainclude\vrm_hotspotreadme_component4scene\abcd1234\abc.jpg 


示例

640e.png

注:data.xml中的所有内容,需要用<krpano></krpano>包裹起来。


实例效果截图

640f.jpg


微信
咨询:13395287281
支持:13382652003