底部菜单插件

效果演示

点击右下角按钮弹出底部菜单

插件简介

这个底部菜单的生成非常简单。只需要在主xml中嵌入所需的xml文件,然后对条目进行定义即可。你也可以设计你想要的样式。

该插件是纯xml插件,不需要swf文件。只需要将menu_bottom.xml放在主xml文件的同一目录,同时在代码中嵌入。

从example文件夹中将 menu_bottom 以及 plugins (如果你是用krpano默认生成,则不需要复制plugins)两个文件夹复制。

xml使用方法

如何在主xml中嵌入

<krpano …. >
<!– include the bottom menu –>
<include url=”menu_bottom.xml” />
.
.
.
</krpano>


在 bottom_menu.xml中更改条目设置

<krpano>
.
<group name=”menu”>
<group name=”menu_item_1″ item_text=”• Menu item #01″ linkedscene=”scene_01″ />
<group name=”menu_item_2″ item_text=”• Menu item #02″ linkedscene=”scene_02″ />
<group name=”menu_item_3″ item_text=”• Menu item #03″ linkedscene=”scene_03″ />
<group name=”menu_item_4″ item_text=”• Menu item #04″ linkedscene=”scene_04″ />
<group name=”menu_item_5″ item_text=”• Menu item #05″ linkedscene=”scene_05″ />
.
. add how many elements you want
.
</group>
</krpano>


在bottom_menu.xml调整预定义的颜色设置

<krpano>
<group name=”menu_item_background”>
<group name=”item_bcg_color_set_1″ value=”0x7b7b7b” />
<group name=”item_bcg_color_set_2″ value=”0x90B6DB” />
<group name=”item_bcg_color_set_3″ value=”0xf19434″ />
<group name=”item_bcg_color_set_4″ value=”0x632e2e” />
<group name=”item_bcg_color_set_5″ value=”0xFFFFFF” />
<group name=”item_bcg_color_set_6″ value=”0x375b5b” />
</group>
</krpano>

插件设置


<krpano>
<menu_settings menu_height=”434″ -> 以像素为单位,菜单高度
menu_width=”279″ -> 以像素为单位,菜单宽度
menu_parent=”skin_control_bar” -> 指定菜单对齐的父元素
menu_color_set=”1″ -> 选择1到6的颜色预设
menu_color_text=”color:#FFFFFF” -> 菜单文字颜色
menu_color_text_over=”color:#000000″ -> 当鼠标悬停时文字颜色
menu_item_background_alpha=”0.5″ -> 菜单条目背景透明度
menu_item_background_alpha_over=”1″ -> 当鼠标悬停时条目背景透明度
menu_slider_graphic_alpha=”0.7″ -> 滑杆透明度
menu_itemheight=”25″ -> 菜单条目高度
menu_itemdistance=”5″ -> 条目之间的距离
menu_overscroll=”0″ -> 鼠标悬停时自动滚动 0-1 ( Krpano1.17以上)
menu_hoverscroll=”false” -> 鼠标悬停滚动onhover
menu_start_open=”true” -> 菜单是否自动打开
/><menu_settings devices=”mobile|tablet” -> 设置移动端
menu_itemheight=”40″ -> 菜单条目高度
menu_itemdistance=”5″ -> 条目之间距离
menu_overscroll=”0″ -> 鼠标悬停时自动滚动 0-1 ( Krpano1.17以上)
menu_hoverscroll=”false” -> 鼠标悬停滚动onhover
/>
</krpano>

链接:http://pan.baidu.com/s/1o6znnF8 密码:0oeg

发表评论