iH5初级教程:排版必备,掌握H5的面板工具

 时间:2024-10-28 04:27:51

1、在对象树选中舞台,点击工具栏的图片工具,上传背景图片,和三个方向的箭头。

iH5初级教程:排版必备,掌握H5的面板工具

2、在对象树选中舞台,点击工具栏的面板工具,在舞台画出一个框选中面板,点击工具栏的图片皤材装肢工具,下添加长度超过面板的菜单栏图片面板属性面板剪切选择NO,会看到图片超出面板的部分,剪趋溉湮唤切选择YES,则看不到图片超出面板的部分,预览时,会显示剪切的效果,左右拖拉图片,可以移动菜单图片。

iH5初级教程:排版必备,掌握H5的面板工具
iH5初级教程:排版必备,掌握H5的面板工具
iH5初级教程:排版必备,掌握H5的面板工具

3、添加五个页面,每个页面添加一个面板,面板下添加一张长图片,面板剪切属性NO,会显示面板区域外的图片。2、剪切属性YES,面板区域外的图片部分不显示,预览时,会显示剪切的效果,上下拖拉图片,可以移动图片。

iH5初级教程:排版必备,掌握H5的面板工具
iH5初级教程:排版必备,掌握H5的面板工具
iH5初级教程:排版必备,掌握H5的面板工具
iH5初级教程:排版必备,掌握H5的面板工具

4、选中菜单图片,点击工具栏透明按钮工具,在相应目录位置画一个框,选中透明按钮,点击工具栏的事件工具,添加事件,点击透明按钮,跳转至相应页面。

iH5初级教程:排版必备,掌握H5的面板工具
iH5初级教程:排版必备,掌握H5的面板工具

5、先行知识:事件重点控件:面板、页面、透明按钮、事件案例:滑动菜单的做法知识点:1、面板与图片的尺寸:以此案例的目录为例,图片的长度大于面板长度,所以可以左右移动,如果图片高度大于面板高度,则预览案例时,移动图片,图片不能固定地横向移动。所以图片高度应小于面板高度。2、剪切属性:面板的属性面板有剪切这个属性,选择YES,编辑时面板外的图片部分不可见,预览时是剪切YES的效果,选择NO,编辑时可以看到面板外的图片部分,方便编辑。相关事件:跳转页面:触发对象:透明按钮,触发条件:点击,目标对象:舞台,目标动作:跳转页面。选择一个页面

  • iH5中级教程:微场景H5必备,视差滑动效果
  • iH5怎么设置自动翻页
  • iH5怎么制作长图页面
  • ih5怎样设置场景页面的大小
  • iH5尺寸设置怎么满屏
  • 热门搜索
    道德手抄报 关于勤俭节约的手抄报 关于知识的手抄报 小学生讲文明手抄报 防火防电手抄报 阳光体育手抄报 母爱的手抄报 关于三爱的手抄报 安全健康快乐手抄报 数学手抄报初一