(以墨刀4.0版本为准)
先是一些零散的小心得:
巨好用的图标库:阿里矢量图标库(另一篇介绍)
鼠标移动精度是以后面网格线的小格为单位移动的,微调可以用方向键(网格线精度可以自由控制,点击没有组建的空白处,属性栏即可找到设置网格线精度的地方)
双击素材库,素材直接导入当前页面。
然后是个人觉得有用的,需要逐条陈述的:
1.基础组件之一------组件聊天气泡
它的箭头方向是可选的,单击新建的气泡,在组件属性栏会有比其他组件多出的一组属性:箭头的相关参数(就是聊天气泡的“小尖尖”),在这里你可以调整方向,以及偏移量(默认气泡垂直中央),还有箭头大小。
2.动态组件
不能在某一状态单独添加新的组件,如果想要在某一状态使用新组件,可以在全局状态下添加该组件,将该组件不透明度设为或者隐藏,调用时再恢复正常。
3.一些简单的组件如果没有太过严格的要求,直接采用自带的组件就好了,还可以修改一些属性来满足自己的风格,毕竟它的定位是做移动app原型,所以里面含有丰富的常用组件库,如果实在没有就自己新建一个想要的组件,添加到“我的组件”中就可以重复使用啦,另外如果对产品原型有着高要求的话,建议还是使用Axure(另外一款老牌普及率很高的原型设计工具)
4.布局边界
如果想要模仿一款已有的app界面练手的话,可以打开安卓系统自带的“显示布局边界”功能,以MIUI为例,先进入MIUI版本号,点击多次直至系统提示已经进入开发者模式,然后再返回设置界面,,点击“更多设置”,选择“开发者选项”,再点击“显示布局边界”开关,切换到想要观测的app即可
5.下拉框
下拉框增加下拉菜单选项时需要自己双击组件,编辑完成一项后,点击回车键编辑下一项
6.网页
”网页“组件是一个很强大的组件,它类似于安卓编程的webview,可以显示给定url的网页,墨刀 的这个组件仅支持http协议,相当于一个内置小型浏览器
需要注意的是大多数http开头的需要自己手动加个s变成https,应该是为了通过安全验证。
7.”选择文件“组件和”地图“组件
选择文件不只是单单是个”摆设“,它在演示时可以调起你本地的文件资源管理器,而”地图“只是简单的固定了一张”图片“,不具备实际定位功能,想要做到实际定位,需要用”网页“组件,添加相关地图的授权url,做到真实地图定位。
8.轮播图
顾名思义,可以在演示的时候在同一位置自动滚动播放多张图片,播放图片数量,时长间隔,图片内容等都可以在属性栏中进行设置
9.特别注意!地图组件只是模拟的虚拟地图,并没有实际的定位功能,要想使用相关的第三方地图,需要申请该地图的Api授权码(每个人发的码都不同,不可公用),再将生成的链接放到内联组件(浏览器组件)的url输入框中,注意链接开头是http的化,手动改成https开头的,不然无法正常使用!
最后放一个我自己的半成品项目地址,
这个里我没有用到自带官方WeUI组件库的组件,因为大部分组件是老板8.0之前的组件样式,顺带自己练练手,想要完全复合自己要求的组件,还是老老实实自己做,要求高的话,很少有能直接拿来用,都需要自己设计或者做修改