iH5使用_介绍/优化/问题总结

这篇文章记录了我对iH5教程,以及平时制作过程中遇到过的问题,方便以后工作使用

---

控件

音频

音频3M内

面板

面板,在页面中创建一块独立的滑动区域
面板中的控件不需要设置拖动类型,就可以拖动

横幅

横幅的对齐方式没有选择的话是没有效果的
横幅在手机中最好选择固定位置为yes
横幅无法添加事件

如何给横幅添加事件:
在横幅中添加子控件,然后给子控件添加事件

时间轴

时间轴控件无法拖动

整体拖动时间轴的办法:
拖入一个透明按钮,把时间轴控件放入透明按钮下

时间轴内的控件可以再添加时间轴

时间轴的数量不宜过多,尽量合并(注意时间轴长度,将短的时间轴下内容放到长的时间轴下)

关于旋转

视距属性用于与X,Y,Z轴旋转搭配
正常的X,Y,Z轴旋转以中心为轴旋转

如何实现以边缘为轴进行旋转:
拖入一个透明按钮,把图片拖入透明按钮,将图片的边缘线与透明按钮的中心线重合

关于遮罩

做遮罩效果的图片,使用白色图片效果最好

关于gif

gif的使用

1. 直接拖，自动进行循环播放
2. gif序列，不能放大缩小，如果只播放一次，那么导出 gif 时就得设置
3. 图片序列，有播放，暂停等功能，可设置透明图像（占内存会高，不建议用）
4. 幻灯片，功能最强大，通过滑动播放灵敏度来实现滑动播放

画布

除了播放大型幻灯片,大多数情况下选择默认的webGL加速

画布中的父对象设置了子对象跟随缩放，这个父对象的子对象就会随着它的缩放而缩放（设置子对象跟随缩放后再添加子对象，先添加子对象后设置子对象跟随缩放，需要保存刷新）

在画布中使用时间轴的效果比在画布外使用要好(适用于安卓，iOS 相反)

画布中的控件的默认原点坐标为0,0(左上)

打印画布默认背景是黑色的

幻灯片

如果幻灯片中的图片很多，可以设置预加载比例
预加载比例:只有在画布中的幻灯片才会有这个属性

碰撞检测器

碰撞检测器是不会产生物理碰撞的,但是会出发碰撞的事件

数据库

读取跟数据库相关的数据,如投票,游览次数,cookie等,出发条件选择初始化完成

提交素材

提交素材能把用户自定义的文字/图片上传,让用户新打开的时候依然有原来修改过的文字/图片
需要配合记录位置和记录素材

滑动时间轴

总时长一般与最后一个控制点时间相同
方向默认为向上
比例指的是用户从下（具体根据设置的方向）到上滑动的长度*比例=滑动时间轴的高度，用户滑动的长度即滑动时间轴动画从开始到结束（总结一句话就是，比例越大，需要滑的长度越小）
自动跳转控制点每次滑动都会根据轨迹上的关键帧来跳转
自动跳转时长是用户滑动后到下个控制点的滑动的时长

滑动时间轴下的自动跳转控制点的优化使用

1. 在不需要停的轨迹下设置自动播完为YES
2. 添加一个透明按钮,为其添加一个轨迹,他的自动播完为否
3. 这样就会以这条透明按钮的轨迹做自动跳转控制点了

模板

获取模板中的图片,视频,音乐
点击需要下载的素材，在属性面板中找到资源位置，在资源位置前加上file.ih5.cn复制到浏览器后即可鼠标右键另存为到本地

事件

1. 事件的执行顺序是从下往上
2. 隐藏同层控件等于显示这个控件,同时隐藏其他控件
3. 事件下的舞台可以设置微信分享时的标题,描述,截图,打开的页面
4. 跳至对象,舞台跳转到对象显示的页面(即:对象会在页面中显示的位置)

页面翻转

A 页面翻页至 B 页面：A 页面的向前翻页效果起作用
B 页面翻页至 A 页面：B 页面的向后翻页效果起作用
A 页面通过事件来跳转页面，翻页效果是 A 页面的效果（向前效果/向后效果自己决定）
A 页面通过事件来返回上一页，翻页效果是 A 页面的向后翻页效果起作用

缓动

移动方向（顺时针）是从3点钟方向开始的

读取播放次数

读取播放次数不是实时的

视频

视频控件下能添加其他控件，并给这些控件添加轨迹

---

优化项目

1. 在手机上使用轻触或手指按下,不要使用点击
2. 发布作品前,使用作品优化的完美优化
3. 灵活使用事件组功能
4. 如果要显示的资源很大,建议在新的页面中显示,否则容易闪退
5. 能用动效就不用时间轴,动效消耗更少资源
6. zip压缩包中的图片不要包含中文名
7. 如果是针对微信的H5,那么需要在舞台下的微信登陆设置为YES
8. 中文文本最好用中文控件
9. 碰撞事件的判断很耗资源，可以用碰撞-->计数器值改变-->执行事件

---

问题汇总

1. 打开项目的数据库列表出现{"message":"The token could not be parsed from the request","status_code":500}
   解决方法:退出账号,重新登录

2. 打开项目时只有灰色背景
   解决办法:新建作品,然后再打开项目

3. 防止iphone闪退

4. 防止零碎图片过多

5. 滑动时间轴/时间轴的轨迹一开始不显示的话,可以设置开始显示&结束显示为NO

6. iOS中3D旋转发生穿越
   解决方案:增加一个透明按钮做要旋转对象的父对象,再设置透明按钮的视距

7. 子对象跟随缩放属性的更改问题:
   对象如果是跟随父对象缩放跟随缩放,那么,先设置子对象跟随缩放属性,再创建子对象
   否则,更改子对象跟随缩放后进行保存,刷新

8. 在滑动时间轴下,如何去掉微信的长按保存图片
   解决方法:添加一个透明按钮,设置大小盖住用户长按的位置

9. 子账号设置自定义启动页面，发布作品后依然会有iH5 logo
   解决方案：将作品发送给主账号，就会显示自定义启动页面了