有关墨刀的使用：网易云音乐TAB左右滑动切换效果

大家好，因为最近对原型交互设计比较感兴趣，所以想找一款原型设计软件学习一下。自己是个小白，Axure自己之前也只是接触过，百度了好久，决定先学习——墨刀这款软件。

通过两天业余时间的学习，觉得自己对墨刀这款软件的基本操作和逻辑已经了解。希望可以和大家分享一下自己的学习结果。因为自己也是初学者，这篇分享也只适合和我一样，刚接触原型设计，或是想了解墨刀这款软件的小伙伴。

首先介绍下，墨刀是一款在线原型设计工具，也有客户端，建议大家下载客户端使用。链接就不放了，免得是打广告，百度搜索就能找的到。

在墨刀的讨论区，看到一篇有奖悬赏的帖子：关于网易云音乐TAB左右滑动切换效果的制作，自己尝试了一下，同时也做出了，侧边栏的效果，下面跟大家分享下。

下面是我的效果图，大家可以先看一下

https://modao.cc/app/cFt7ZYNAryO3IhySfuvnmy9VND6L9uN

上图为整体界面。

本次我们需要用到4个状态：

1.默认状态：音乐的界面

2.视频

3.电台

4.侧边栏

4个状态的搭建

首先在全局状态下，我们需要制作好一些基本界面：导航栏，TAB，两个全局手势，侧边栏。

注：侧边栏要先移到屏幕之外

视频状态变化的地方如图：

电台状态：

侧边栏状态：在默认状态的基础上，把侧边栏移入屏幕

全局手势的添加

1.默认状态：

添加 左滑 → 视频状态

添加 右滑 → 侧边栏状态

2.视频状态

添加 左滑 → 电台状态

添加 右滑 → 默认状态

3.电台状态（只需添加一个全局手势，另一个全局手势空着即可）

添加 右滑 → 视频状态

4.侧边栏状态

因为我想要的效果是点击灰色部分或左滑，都可以切换到默认状态，所以需要给灰色部分也要加入连接。

灰色部分：添加 点击 → 默认状态

全局手势：添加 左滑 → 默认状态

第一次写分享类的文章，整体逻辑上还是有些模糊；还是以初学者的身份，一定会有些一些讲的不明白的地方。希望可以和大家一起交流学习。