教程内容:
使用一个画板,通过编辑组件的多种状态,并对组件中的元件分别做交互链接,呈现特别的导航交互动效
总览
这个案例只需要制作1个画板即可
制作组件
首先准备好素材,即四个导航按钮,选定状态为图标白色文字白色粉色背景底。
将所有素材框选制作组件,共需制作4种状态,默认状态即首页状态、频道、动态、我的
默认状态:
移动粉色背景底并将首页图标文本均改为白色,其余按钮文字透明度调整为0,并移动图标居中分部显示
频道:
动态:
我的:
制作交互
以[动态]状态为例,选中每一个状态都需要对其余三个按钮做交互链接,链接到每个组件状态
按照以上的添加方式,将四个状态的交互都添加完毕即可
源文件下载:
链接: https://pan.baidu.com/s/1g00vZEjzYZfXsRDlH3R1ZQ 提取码: 9fjh
点击前往查看→查看视频教程