iH5中级教程多机型自适应篇,利用横幅固定位置.docVIP

iH5中级教程：多机型自适应篇，利用横幅固定位置 也许很多人都遇到过自己的手机打开微信朋友圈里的h5页面时，页面直接被截了一块，直接看着就不爽。有时候甚至一些提示的小图标都直接被截掉了，这样的情况下互动体验十分差。那么在制作的时候改怎么去改善这些问题呢？有一个强大的h5制作工具能解决！那就是iH5。今天我以一个过来人的身份用iH5这个工具给大家传授一下改善问题的方法。 第一步：添加相关的素材和制作h5页面。 1.这里预先利用滑动时间轴和时间轴做好了一个作品，这其中包括了一个翻页提示小动画。 第二步：方法1——舞台定位法 1.选择想要的对齐方式，通常在PC端里每一个对齐方式都很明显，但是在手机移动端里，其实左对齐和右对齐并不明显，而上对齐和下对齐是看得出来的。 2.在舞台属性里，还可以通过改变偏移值来稍微地改变它的位置。 第三步：方法2——横幅定位法 选中舞台，点击工具栏下的横幅工具，添加一个横幅对象，为了方便看到，我们为它设置一个背景颜色。 如果设置它的对齐方式的话，在预览时就可以看到效果了。但是要注意，设置了对齐方式的话的，在编辑器里对位置的设置就不起作用了。 3.在实际运用中，我们可以将这个提示翻页的小按钮动画放到横幅里面，那么播放的时候，就算图片被截了，小按钮也不会被截了，它的提示作用依然存在。但由于横幅的定位独立于舞台的定位，所以在操作的时候会有些复杂。这里有个简单的方法。先添加一个透明按钮，将其xy坐标设为（0,0）。 将提示翻页的小图标动画剪切粘贴到透明按钮下。这样整个时间轴动画就可以整体移动了。 移动透明按钮到合适的位置后，将透明按钮剪切和粘贴在横幅下。 6.将横幅设置回无色。预览时就能实现效果了。 知识点 横幅工具把我们想要的横幅位置为方便的看到位置，我们可以先把横幅，清楚地看到横幅的位置