手把手教学,如何做出左右切换的标签导航?

 时间:2026-02-15 21:37:10

1

手把手教学,如何做出左右切换的标签导航?

1、教程开始

做导航栏和按钮

首先拉出一个矩形,去描边,颜色为D0D0D0,圆角为30大小为宽300高30,位置在X:39,Y:101,再复制这个矩形颜色改为白色FFFFFF,大小为宽68高28,位置为X:42,Y:101,拉三个文字分别是分类1,分类2,分类3,位置分别是X:55,Y:104   X:169,Y:104     X:283,Y:104文字是最顶层

手把手教学,如何做出左右切换的标签导航?

2、做分类图片

拖拉出一个图片大小为宽150高90,再复制三个构成一组位置分别是X:25,Y:170    X:201,Y:170   X:25,Y:280   X:201,Y:280

这四个分别复制一组 在横向相同的距离边界外分别各放置一组

手把手教学,如何做出左右切换的标签导航?

3、调整默认状态,新建状态2、3

因为刚才排布有一点小问题线调整默认状态,最左侧第一组放到界面内中间,状态2把白色矩形放到中间,第二组图片移到中间,状态3把白色矩形移到最右边,第三组图片移动到中间

手把手教学,如何做出左右切换的标签导航?

4、链接跳转

进入全局状态复制三个链接区域大小调整到能和白色矩形差不多就好,分别覆盖在分类1 分类2 分类3上面,进入默认状态,分类2上面的链接区域链接到状态2,分类3上面的链接状态连接到状态3,进入状态2,分类1上面的连接区域连接到默认状态,分类3上面的连接区域连接到状态3,进入状态3,分类1上面的链接区域连接到默认状态,分类2上面的链接区域连接到状态2,大功告成,搞定!

手把手教学,如何做出左右切换的标签导航?

1、分享链接

这是我们在墨刀专区种找到的教程链接:https://pro.modao.cc/app/UBTLClzmOM1VJcTRhmLgcmpRwJJTABP

感谢墨刀产品给我们提供的技术支持,希望大家能喜欢~~

  • Animate/FLASH如何实现水平拖动图片(AS3)
  • C4D如何让号码牌始终朝向摄像机
  • PS3D如何生成UV
  • Axure 中继器 移入行变色 及 选中行变色
  • Ae怎么做出逐字大回旋
  • 热门搜索
    围城简介 手机系统怎么升级 红木沙发图片大全 韩国字大全 徽章设计图案大全 错别字大全 陶渊明简介 幼儿园中班儿歌大全 附件炎怎么检查 怎么在网上找客户