IiH5中级教程：多机型自适应篇制作手机横屏H5.docxVIP

iH5中级教程：多机型自适应篇，制作手机横屏H5苹果与安卓横屏适应不一样，苹果把屏幕横放，会把案例变扁，所以我们要制作两种方案。第一种：1、对象树的页面，点右键，跨案例复制，到另一个作品里，跨案例黏贴。2、对象树中的舞台，点右键，选择旋转-90度。3、每一页都有一个横屏容器透明按钮，它的x坐标-200，y坐标200，宽1040，高640，旋转90度。在横屏容器下添加中文字体，中文字体是正常横屏的显示。舞台只是提供了一个视角，实际播放时，看到的是舞台旋转为0的状态。横屏容器不是必须的，但如果没有这个容器，直接添加对象编辑，对象的操作会由于舞台旋转而变得怪异。4、如果横屏容器旋转-90度，那么舞台就要旋转90度。才能正常横屏观看。第二种：苹果把屏幕横放，会把案例旋转90度，即变扁了。1、选中舞台，在工具栏下点击透明按钮工具，添加一个透明按钮，透明按钮下添加一句提示的话，透明按钮隐藏。2、选中舞台，点击工具栏下的事件工具，舞台下添加两个事件，当横置手机时，透明按钮显示，当竖直手机时，透明按钮隐藏。制作完成之后预览效果如下：重点工具：页面、透明按钮、事件知识点：：1.横屏事件只有当事件添加在舞台下时，触发条件才会有横置手机的选项，而横置手机的触发条件是当手机的屏幕锁定没有打开时横屏才会触发目标动作。2.竖置事件只有当事件添加在舞台下时，触发条件才会有竖置手机的选项，这个事件当手机竖置的时候就被触发，即横屏提示不会显示。如果用户观看案例时，打开了横屏锁定之后，系统会默认一直手机处于竖置状态，所以即便此时横屏观看，横屏提示的对象也不会显示。重点事件：事件1触发对象：舞台触发条件：横置手机目标对象：舞台·透明按钮目标动作：显示事件2触发对象：舞台触发条件：竖置手机目标对象：舞台·透明按钮目标动作：隐藏Tips：1.在编辑横屏作品时，可以通过选中右边对象树，点击鼠标右键打开快捷菜单，设置舞台旋转，方便编辑。2.如果需要制作横屏作品，建议新建一个舞台大小的透明按钮，设置透明按钮的属性为旋转90度，将每一页中横屏的内容放在这个透明按钮容器下。