几乎每个网站都会拥有一个导航,帮助浏览者快捷到达需要了解的页面。本文介绍导航控件的添加及设置。

说明 如需观看操作视频请单击导航控件的使用

添加导航控件

单击组件 > 导航,可选择导航容器或横向导航或者竖向导航,在设计区适当位置单击,即可完成添加。

导航介绍

  • 导航容器:可设置样式、数据、动效、排列。特点:相较其他导航复杂性较高,可设计效果多。导航容器
    说明 样式包括四个部分:
    • 常态:是无互动时的样式。
    • 切换:是鼠标下滑时的样式。
    • 悬停:是鼠标停留时的样式。
    • 选中:是鼠标单击选中后的样式。
  • 横向导航:可设置样式、数据、动效、排列。特点:横向放置的导航。
  • 竖向导航:可设置样式、数据、动效、排列。特点:纵向放置的导航。

设置导航控件

单击下图所示的设置按钮或者导航按钮,即可弹出用于设置导航的快速设置面板。

  • 样式:可设置导航的常态下、悬停时、选中时的样式。
  • 数据:用于设置导航项的导航名称、上级导航、跳转目标、打开方式及导航图标。
  • 动效:设置导航的动画效果。
  • 排列:设置尺寸和位置。

如何设置二级导航?

  • 方法一:在添加导航时,选择上级导航可添加指定导航下的二级导航。并可设置当前添加的二级导航。二级导航
  • 方法二:在添加完成后,可采用向指定导航的右下方拖动的方式,将一级导航设置为二级导航。并可编辑当前导航、删除当前导航等。编辑二级

一键锁定位置

选中全屏控件时,单击像锁一样的图标按钮,可锁定当前位置。

删除当前控件

选中全屏控件时,单击像废纸篓一样的图标按钮,可删除此控件。