养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

iH5中级教程:利用横幅固定位置

时间:2024-10-20 00:38:50

也许很多人都遇到过自己的手机打开微信朋友圈里的h5页面时,页面直接被截了一块,直接看着就不爽。有时候甚至一些提示的小图标都直接被截掉了,这样的情况下互动体验十分差。那么在制作的时候改怎么去改善这些问题呢?今天我以一个过来人的身份用iH5这个工具给大家传授一下改善问题的方法。

工具/原料

iH5

方法/步骤

1、添加相关的素材和制作h5页面。1.这里预先利用滑动时间轴和时间轴做好了一个作品,这其中包括了一个翻页提示小动画。

iH5中级教程:利用横幅固定位置

2、方法1——舞台定位法1.选择想要的对齐方式,通常在PC端里每一个对齐方式都很明显,但是在手机移动端里,其实左对齐和右对齐并不明显,而上对齐和下对齐是看得出来的。2.在舞台属性里,还可以通过改变偏移值来稍微地改变它的位置。

iH5中级教程:利用横幅固定位置

iH5中级教程:利用横幅固定位置

3、方法2——横幅定位法1.选中舞台,点击工具栏下的横幅工具,添加一个横幅对象,为了方便看到,我们为它设置一个背景颜色。2.如果设置它的对齐方式的话,在预览时就可以看到效果了。但是要注意,设置了对齐方式的话的,在编辑器里对位置的设置就不起作用了。3.在实际运用中,我们可以将这个提示翻页的小按钮动画放到横幅里面,那么播放的时候,就算图片被截了,小按钮也不会被截了,它的提示作用依然存在。但由于横幅的定位独立于舞台的定位,所以在操作的时候会有些复杂。这里有个简单的方法。先添加一个透明按钮,将其xy坐标设为(0,0)。4.将提示翻页的小图标动画剪切粘贴到透明按钮下。这样整个时间轴动画就可以整体移动了。5.移动透明按钮到合适的位置后,将透明按钮剪切和粘贴在横幅下。6.将横幅设置回无色。预览时就能实现效果了。

iH5中级教程:利用横幅固定位置

iH5中级教程:利用横幅固定位置

iH5中级教程:利用横幅固定位置

iH5中级教程:利用横幅固定位置

iH5中级教程:利用横幅固定位置

iH5中级教程:利用横幅固定位置

4、横幅工具:页面在滚动中,固定位置的一个方式。可以是自己作为对象固定位置,也可以作为父对象,在其下加添其他素材对象,便于这些子对象的固定位置。Tips:采用定位法把我们想要的横幅位置设定好。为方便我们的可以看到横幅的位置,我们可以先把横幅上色,可以清楚地看到横幅的位置

© 一点知识