墨刀中怎么做ios选取器效果

方法/步骤
目前墨刀分为网页版和客户端，网页版可以直接使用，客户端其实也是网页版的功能，我们一般下载客户端，使用过程中需要联网
进入网页之后，可以看到有两个选项，一个是一个例子，一个是使用原型设计。我们选择第二个进行我们需要的原型设计
进去之后如图所示可以看到分为几个部分，菜单栏等比较简单的就不介绍了。最左边是组件栏，可以选择需要的组件，中间编辑栏，对选取的组件进行编辑，右边是预览排列，就是最终我们看到的页面
如图，我们把一个页面要的组件全部都拉到这个右边的排列栏，通过双击对应的组件进行文字的编辑，通过中间栏进行如颜色之类的改变。
如果我们需要做另一个页面，可以做最右边的页面管理栏进行编写；可以新建或者复制页面，这样我们的原型可以在不同页面之间跳转
如果要进行页面之间的跳转，可以拉动组件旁边的超链接的样式图标，通过这个拉动超链接到相应页面进行页面跳转功能

1、登录墨刀并打开项目，找到需要修改的页面。
2、点击左侧工具栏中的“编辑”按钮以进入编辑模式。
3、在编辑模式中，可以通过单击页面上的元素来选中它们，并在右侧属性栏中进行修改。可以更改文本的字体、颜色和大小，调整的大小和位置，以及修改按钮的样式等。
4、需要添加新的元素，可以在左侧工具栏中选择相应的工具，例如“矩形”、“文本”、“”等，并在页面上进行绘制或插入。也可以从已有元素中复制并粘贴，以快速创建新的元素。
5、在修改完成后，可以点击右上角的“预览”按钮来查看修改后的效果。如果满意，可以点击“保存”按钮保存修改。

通过高度调节器进行设置。
拖动高度调节器，拖动标签栏5到中央，再次拖动调节器，点击保存和运行。
墨刀是一款在线设计编辑原型的工具，特点短平快，适合一些APP，小型pc工程，以及一些频繁迭代的产品，优点协同办公效率比较高。

仔细看会发现墨刀里手机框或者PC框左侧1厘米处有条斑马线，

这个线的最下方有个类似铅笔的小图标，移到你想加浮层的上面，这样浮层就不会跟着页面一起移动了；

注意的是浮层一定要放在页面的最下方，不管你的页面有多长，都要放在最底层才有效哦

加油！

墨刀官方
墨刀官方
墨刀动态及问题解答
交互和动画设置
原型分享
6 年前
7106
该贴发布于2073天之前，功能和描述可能与目前线上版本有所出入，如果您据此无法解决问题，建议咨询在线客服
交互链接及动画设置面板
使用墨刀可以非常方便地创建页面间链接，墨刀独创的拖拽链接方式，让页面间的链接关系清晰呈现眼前，要创建页面间链接，只需要选中组件，然后拖动组件右侧的小圆圈到目标页面或状态就可以了，如下图：
链接创建完毕后，会d出链接设置面板。链接面板包含5个部分：手势、转场动画、动效时长、定时器以及相关跳转设置，下面我们来依次介绍这5个部分。
手势：
对应的手势 *** 作可以触发页面跳转，可供选择的手势有7种：点击、上下左右滑动、长按、双击。
全局手势有8种手势可以选择：点按、上下左右滑动、长按、双击以及摇一摇。
最后一个钟表图标的手势为定时器，选择定时器后可设置页面自动跳转时间。
转场动画：
页面切换动画选择，共有17种特效可供选择，如果您不确定需要哪种效果，可以直接将鼠标移到动画上面预览切换效果。
动效时长：
设置不同的时长可直接影响动画的切换速度；如无特殊需要可不做设置。
定时器：
可以设定当前链接的自动跳转时间，到达时间后，即使用户没有任何 *** 作，应用也会自动跳转到目标页面，适合制作定时轮播图、启动页等等。
重置目标页为初始状态：
此功能默认处于选中状态，若取消选择则代表不重置目标跳转页的初始状态。
举个例子：页面A为长页面，A中页面下部某组件链接至B页面；B中按钮设置链接返回A，并取消勾选重置目标页状态；页面返回后，A展示会跳转之前的内容或状态。（A为微信阅读页，跳出后返回A，可以继续之前的页面位置继续阅读。）
状态链接动画面板设置
状态链接与页面链接不同点在于新增了「延迟」设置选项，延迟时间是从手势触发时算起，到达设定时间后页面才会发生跳转。
初始动效
初始动效设置在组件设置面板中，可以设置组件的起始动效，内置30余种动效供选择（如渐隐、抖动、旋转等）。设置不同的动效时长、重复次数，可以达到不同的动效效果。
返回上一页
如果一个页面有多个入口，这时你可能会需要创建一个返回上一页的链接，当用户点击这个按钮时自动跳转到上一级的来源页面。
「返回上一页」位于工作区画布的左上角，外观为白色矩形悬浮区域。（如下图）
使用方法：
只需将页面内「返回」按钮的链接拖拽至「返回上一页」的区域内，即可完成链接设置。
此时，该链接的默认切换动画为页面“左移入”，你也可以根据需要修改移入效果。
注意：
当你处于首页时，设置「返回上一页」的链接是无效的，因为首页是没有地方可以返回的。
自定义动画
自定义动画可以通过使用母版及页面状态功能实现，如使用母版制作定时轮播图，使用页面状态功能制作 FAB 悬浮按钮动效。这是进阶功能，具体的 *** 作案例可以看教程的进阶效果 。

---