iH5基础教程为H5添加图片音视频.docxVIP

iH5基础教程：为H5添加图片、音视频第一步：在桌面全选素材，拖拉进编辑器的舞台里，在对象树中就可以看到添加的素材。可以通过素材前面的勾控制素材的显示和隐藏。第二步：可以在移动舞台里的图片或缩放大小，拖进来的图片都是默认等比缩放，如果要自由缩放图片，可以右键舞台上的图片，或者邮件对象树里的图片，取消等比缩放。也可以选择原始大小，让图片恢复原来的大小。可以通过调整属性面板来控制图片的属性，例如为图片添加背景颜色、改变透明度、旋转和微调图片位置等等。2、视频拖进来默认是一个小方块，右键视频选择原始大小可以调整视频大小，放缩和移动的功能与图片一样，视频有时间轴窗口，点击播放按钮可以使视频播放。可以用图片工具上传GIF，GIF会自动播放，如果用GIF工具上传GIF，则需要通过事件触发其播放。选中小人图片，点击文本工具，在舞台拖拉一个框，在文本编辑框里输入文字，可以通过属性面板改变文字颜色，文字大小可以输入数值让文本放大。文本只有一个默认的中文字体，如果需要其他中文字体，可以用中文字体工具。5、在一些浏览器里无法识别中文字体的显示，所以用中文字体工具会转化为图片。第三步：对象排列结构中文字体与文本是小人图片的子对象，小人是父对象，点击小人图片前面的三角形，可以把子对象收起来。隐藏小人图片，那它的子对象也会一起隐藏，移动父对象，子对象会像黏在父对象上一样，跟着父对象一起移动，移动子对象，其父对象不会受到影响。对象的排列顺序会影响对象重叠的方式，同一个父对象下，排在上面的中文字体会盖住文本。而中文字体和文本会盖住鞋子，因为子对象优于父对象显示。知识点:1、iH5编辑器支持哪些素材格式：图片：JPG，PNG，GIF，SVG音频：mp3视频：mp4的H.D.264格式网页：htm, html, zip（zip里面必须包含index.html）图片序列：zip, gif （图片名称不能使用中文名称）2、添加素材：哪些素材是可以在桌面或文件夹中多选后，通过拖曳导入编辑器的：图片，GIF图片，视频，音频哪些素材是需要选中工具，先在舞台定位（拖个框），系统会弹出输入框：图片（如果从工具栏选择），文字T，富文本，网页，图片序列，图画，中文字，GIF，幻灯片哪些素材是选中工具，在舞台定位（拖个框），就直接在舞台上添加了该工具：透明按钮，二维码，按钮哪些素材是选中工具，无需在舞台上定位，就直接导入了舞台：视频，音频，下载文件（会提示你上传电脑中的文件）3、使用图片工具添加GIF图和使用GIF工具添加GIF图的区别？图片工具添加一张GIF图片后，GIF图片会自动播放，您也无法控制它的开始和停止；而用GIF图工具添加一张GIF图片，图片不会自动播放，您需要通过添加控制事件来开始GIF的播放。另一种方法是利用幻灯片控件上传GIF图，并控制其播放，请参考幻灯片工具的具体操作用法。4、iH5编辑器中三种文字工具的区别？iH5编辑器中提供英文字“T”，中文字“字”，及富文本；富文本能更方便地为你整段的文字进行简单的排版。中文字“字”为你提供更丰富的中文字体的选择。绑定变量的只能使用英文字“T”。＊如果您想将自己电脑中的中文字体上传到工具中，请联系我们的QQ客服人员。5、按钮和透明按钮有什么区别？按钮是一个带有颜色的圆角方形，你可以调节它的圆角度，颜色，外框颜色等。在它的属性栏中可以直接添加文本，并设置文字大小，颜色，样式等。透明按钮就是一个透明的区域，它可以有按钮的属性，也可以有容器的属性，具体参考后文中的透明按钮的详细解释。6、对象层级：（1）同级对象:对象树上面的对象会遮挡下面的对象。例如图片、文本等对象。页面一次只显示一个，页面从下往上显示，即对象树最下面的页面是首页。（事件由下往上发生，即同一个触发对象下的事件，排着最下面的事件先发生。）（2）父子对象：子对象优于父对象显示，即子对象会遮挡父对象。移动父对象，子对象跟着移动，移动子对象，父对象不受影响，即子对象像黏在父对象上一样。