这篇文章记录了我对iH5教程,以及平时制作过程中遇到过的问题,方便以后工作使用
控件
音频
音频3M内
面板
面板,在页面中创建一块独立的滑动区域
面板中的控件不需要设置拖动类型,就可以拖动
横幅
横幅的对齐方式没有选择的话是没有效果的
横幅在手机中最好选择固定位置为yes
横幅无法添加事件
如何给
横幅添加事件:
在横幅中添加子控件,然后给子控件添加事件
时间轴
时间轴控件无法拖动
整体拖动时间轴的办法:
拖入一个透明按钮,把时间轴控件放入透明按钮下
时间轴内的控件可以再添加时间轴
时间轴的数量不宜过多,尽量合并(注意时间轴长度,将短的时间轴下内容放到长的时间轴下)
关于旋转
视距属性用于与X,Y,Z轴旋转搭配
正常的X,Y,Z轴旋转以中心为轴旋转
如何实现以边缘为轴进行旋转:
拖入一个透明按钮,把图片拖入透明按钮,将图片的边缘线与透明按钮的中心线重合
关于遮罩
做遮罩效果的图片,使用白色图片效果最好
关于gif
gif的使用
- 直接拖，自动进行循环播放
- gif序列，不能放大缩小，如果只播放一次，那么导出 gif 时就得设置
- 图片序列，有播放，暂停等功能，可设置
透明图像（占内存会高，不建议用） - 幻灯片，功能最强大，通过
滑动播放灵敏度来实现滑动播放
画布
除了播放大型幻灯片,大多数情况下选择默认的webGL加速
画布中的父对象设置了子对象跟随缩放，这个父对象的子对象就会随着它的缩放而缩放（设置子对象跟随缩放后再添加子对象，先添加子对象后设置子对象跟随缩放，需要保存刷新）
在画布中使用时间轴的效果比在画布外使用要好(适用于安卓，iOS 相反)
画布中的控件的默认原点坐标为0,0(左上)
打印画布默认背景是黑色的
幻灯片
如果幻灯片中的图片很多，可以设置预加载比例
预加载比例:只有在画布中的幻灯片才会有这个属性
碰撞检测器
碰撞检测器是不会产生物理碰撞的,但是会出发碰撞的事件
数据库
读取跟数据库相关的数据,如投票,游览次数,cookie等,出发条件选择初始化完成
提交素材
提交素材能把用户自定义的文字/图片上传,让用户新打开的时候依然有原来修改过的文字/图片
需要配合记录位置和记录素材
滑动时间轴
总时长一般与最后一个控制点时间相同
方向默认为向上
比例指的是用户从下（具体根据设置的方向）到上滑动的长度*比例=滑动时间轴的高度，用户滑动的长度即滑动时间轴动画从开始到结束（总结一句话就是，比例越大，需要滑的长度越小）
自动跳转控制点每次滑动都会根据轨迹上的关键帧来跳转
自动跳转时长是用户滑动后到下个控制点的滑动的时长
滑动时间轴下的自动跳转控制点的优化使用
- 在不需要停的轨迹下设置
自动播完为YES - 添加一个
透明按钮,为其添加一个轨迹,他的自动播完为否 - 这样就会以这条
透明按钮的轨迹做自动跳转控制点了
模板
获取模板中的图片,视频,音乐
点击需要下载的素材，在属性面板中找到资源位置，在资源位置前加上file.ih5.cn复制到浏览器后即可鼠标右键另存为到本地
事件
- 事件的执行顺序是从下往上
-
隐藏同层控件等于显示这个控件,同时隐藏其他控件 -
事件下的舞台可以设置微信分享时的标题,描述,截图,打开的页面 -
跳至对象,舞台跳转到对象显示的页面(即:对象会在页面中显示的位置)
页面翻转
A 页面翻页至 B 页面：A 页面的向前翻页效果起作用
B 页面翻页至 A 页面：B 页面的向后翻页效果起作用
A 页面通过事件来跳转页面，翻页效果是 A 页面的效果（向前效果/向后效果自己决定）
A 页面通过事件来返回上一页，翻页效果是 A 页面的向后翻页效果起作用
缓动
移动方向（顺时针）是从3点钟方向开始的
读取播放次数
读取播放次数不是实时的
视频
视频控件下能添加其他控件，并给这些控件添加轨迹
优化项目
- 在手机上使用
轻触或手指按下,不要使用点击 -
发布作品前,使用作品优化的完美优化 - 灵活使用
事件组功能 - 如果要显示的资源很大,建议在新的页面中显示,否则容易闪退
- 能用
动效就不用时间轴,动效消耗更少资源 - zip压缩包中的图片不要包含中文名
- 如果是针对微信的H5,那么需要在
舞台下的微信登陆设置为YES - 中文文本最好用
中文控件 - 碰撞事件的判断很耗资源，可以用碰撞-->计数器值改变-->执行事件
问题汇总
打开项目的
数据库列表出现{"message":"The token could not be parsed from the request","status_code":500}
解决方法:退出账号,重新登录打开项目时只有灰色背景
解决办法:新建作品,然后再打开项目防止iphone闪退
防止零碎图片过多
滑动时间轴/时间轴的轨迹一开始不显示的话,可以设置开始显示&结束显示为NOiOS中3D旋转发生穿越
解决方案:增加一个透明按钮做要旋转对象的父对象,再设置透明按钮的视距子对象跟随缩放属性的更改问题:
对象如果是跟随父对象缩放跟随缩放,那么,先设置子对象跟随缩放属性,再创建子对象
否则,更改子对象跟随缩放后进行保存,刷新在
滑动时间轴下,如何去掉微信的长按保存图片
解决方法:添加一个透明按钮,设置大小盖住用户长按的位置子账号设置自定义启动页面，发布作品后依然会有iH5 logo
解决方案：将作品发送给主账号，就会显示自定义启动页面了
