先讲一些使用技巧,即自己在实战画项目原型图的时候学到的。
1.从建立项目开始
我这里是选择直接新建项目,然后会出来下面这个界面
在这里你可以选择自己想要的原型图类型以及尺寸大小。我由于没看清下边还可以选择iphone的尺寸,就直接选择的默认的,个人觉得有需求的话还是选择自己想要的大小。
2.启动图标和启动页面
之后的墨刀也有改版,位置也有所不同,这个可以暂时空着,不影响后期画图。
找到之后可以添加图标以及启动页面,但是注意尺寸要与要求的尺寸一样。还有一点需要注意,就是当你添加之后不可以进行删除,只可以进行修改替换。
3.组件
就目前的界面来说,左侧可以直接新建页面,右侧是拉取组件的地方。
想要什么组件就直接拉取就可以了,拉取之后可以自由伸缩改变大小。如果没有拉到合适的尺寸,右边栏里会有样式,可以自己填入宽高和位置。
1.添加事件
点击你想要添加事件的组件====》选中之后最右侧的栏可以选择样式===》在上方将其切换为事件===》点击添加事件===》选择你想要事件发生的触发动作(即单击,长按,双击等)===》选择你想要实现的行为(跳转页面,切换页面状态,切换组件状态)
①跳转页面,即跳转到其他的页面的其他状态
②切换页面状态,页面可以有好几个状态,这个在后边会再说
③切换组件状态,这个要求改页面必须有一个动态面板,关于动态面板也后边说吧
2.动态面板(可以解决类似播放按钮的切换效果)
①可以在右侧的组件栏拉取一个动态面板,然后对其进行编辑,有两种状态,直接拖动旁边闪电的小标就可以添加事件。
但是个人感觉这种方法会有一个弊端,如果你另外的组件被动态面板所遮盖住,那么组件所触发的事件就不会被触发了。如果将动态面板的大小调节一下,调节的很小也是不可以,只有将其调整到正常大小,总之我用的时候很不方便。所以就发现了方法二,要比这个好用一些。
②直接点击组件,然后添加组件状态
点击之后直接进入到像编辑动态面板的页面,然后就可以进行编辑你组件的另一个状态。而且这种方式不需要再手动调节大小了。
四.页面
添加页面状态
这个应该基本都会用到,一个页面因为登录或者是权限之类的,总体属于一个页面,但是每个页面又有某些地方不太一样。这个时候你就可以选择复制页面,然后在复制的另一个页面上进行修改。
如果别的页面需要跳转到这个页面,则需要在跳转的那里指明跳转的是哪个状态,不然会跳转到默认的状态。
还有一个需要注意的地方是,之前在按返回键的时候,我都添加的事件是返回页面上一个状态。这样会带来一些问题,但是当时我又不知道怎么解决。后来才发现,左侧有个小框框里写的是——链接上一页!我真的是不太聪明的样子。
关于轮播图和竖屏滑动效果
轮播图墨刀自带的组件里会有,关于滑动效果,只需要将页面拉长。
蓝色虚线的位置就是你屏幕原本的大小。左侧蓝色的箭头代表着上边都是可以滑动的区域,下边都不可以滑动,下边可以放导航之类的。
暂时想起来的就这么多,最后想总结一下这个项目。
项目的原型图都是自己边学边画,一边很心急,想要赶紧完工,好开始下一阶段的任务,另一方面又想画好。导致原型图一直有问题,所以一定要维持好自己的心态。
还有关于项目的事情想要在这记录一下,画原型图一定要明白项目想要突出的特点是什么,明白你们的特点,将其突显出来。