3分钟掌握墨刀交互小功能

2018/09/06 11:30 分类：技术交流浏览：363

一，利用母版功能实现长图左右滑动功能

1，打开墨刀新建项目

2,打开墨刀，打开母版功能并新建母版，命名：长图滑动

3，将母版长度拉长宽于375就可以了，可以根据长图的长长度来判断大小；

4，编辑完成后点击编辑区域的左上角，--返回工作区--进入页面编辑状态

5，完成后点击右上角---预览，并且可以用鼠标点击页面左右滑动。交互效果完成

二，模拟点击菜单，向上弹出框效果，再点击向下滑出

1，新建页面2，找到图标库，并找到菜单图标将其拖至页面中位置

2，绘制一矩形面板作为弹出内容并设置外观为黑色

3，先点击状态按钮，再点击添加新状态--得到状态2

4，选中状态--默认状态--并将黑色矩形框向下调整至页面一下，如图所示。然后点击菜单按钮将链接，链接到--状态2

5，选中---状态2 并单击按钮将链接给--默认状态。默认单击效果

6，点击右上角的预览，并点击页面中的菜单按钮，就可以实现菜单的切换功能了

感谢源码时代教学讲师提供此文章！

本文为原创文章，转载请注明出处！

#标签：3分钟,墨刀，交互