墨刀如何制作底部导航栏

 时间:2026-02-14 01:58:16

1、绘制底部导航栏:我们把一个矩形放置到页面的底部,选择合适的图标放置到矩形上,设定好图标之间的间距。

墨刀如何制作底部导航栏

2、转换为母版:选择底部导航栏所有涉及的组件,右键点击“转换为母板”。

墨刀如何制作底部导航栏

3、添加组件状态:本例子的导航栏有三个图标对应三种状态,每种状态其中一个图标变为绿色,我们按状态分别设定每个图标的颜色。

墨刀如何制作底部导航栏

4、添加交互链接:为每种状态下每一个图标添加交互链接,分别跳转到相应的页面。

墨刀如何制作底部导航栏

5、设定每个页面的默认状态:把每版放置到不同页面的底部,设定它们的默认状态。

墨刀如何制作底部导航栏

  • 墨刀如何制作“左右局部滑动”效果
  • 墨刀怎样添加跳转
  • 墨刀如何固定顶部或底部区域
  • 墨刀如何制作左右滚屏
  • 墨刀如何使用导航菜单
  • 热门搜索
    疯狂旅游团小品 台湾旅游地图全图 木兰天池旅游攻略 崇州重庆路旅游攻略 沈阳到海南旅游专列 彭州白鹿镇旅游攻略 重庆旅游景点大全介绍 珠海户外旅游网 夏季旅游景点排行 西安旅游攻略1天