iH5中级教程：上传照片、操控文本

iH5中级教程：上传照片、操控文本

下面我们来一起学习一下iH5中级教程中的上传照片、操控文本

1、选中舞台，点击工具栏图片工具，添加背景图片、两张灰色图片，标题。点击音乐工具，上传音乐。

2、选中音乐，添加事件，触发条件播放时间208秒，目标对象音乐，目标动作跳至某时刻0.5秒。即音乐循环播放。

添加相框图片，相框在灰色图片之上。相框图片下添加2个透明按钮作为子对象，透明按钮位于灰色图片的上面。透明按钮下添加事件，触发条件，手指按下，目标对象灰色图片，目标动作更换素材。即点击灰色图片处，其实是点到了透明按钮，触发更换素材事件，手机上预览会弹出手机相册或拍照的提示。

：选中舞台，点击工具栏时间轴工具，添加时间轴，时间轴下添加透明按钮父对象，属性面板视距600，透明按钮下添加吊坠图片，为吊坠图片添加轨迹。第一、三、五个关键帧y轴旋转0，第二个关键帧y轴旋转45，第四个关键帧y轴旋转-45。看起来吊坠在3D旋转的效果。时间轴属性面板，自动播放循环播放为YES。

1、选中舞台，点击工具栏文本工具，输入祝福语，添加占位文本。占位文本属性面板文字颜色处选择一个颜色。占位文本必须用纯文本。

2、选中舞台，点击工具栏图片工具，添加确认分享的图片。

3、选中舞台，点击输入框工具，在舞台上画出一个框，添加输入框，输入框下添加OK文本。输入框前面的勾去掉，则作品打开时输入框不显示占位文本下添加事件，触发条件手指按下，目标对象输入框，目标动作显示。

4、选中输入框的OK文本，点击事件工具，添加两个事件，事件1触发条件手指按下，目标对象输入框，目标动作传值，控件，占位文本。事件2，触发条件手指按下，目标对象输入框，目标动作隐藏。预览时，点击占位文本祝福语，显示输入框，可以在输入框内填写自定义的内容，点击OK文本后，输入框的内容传值到占位文本处，即占位文本显示我们刚才填写的内容，并且输入框隐藏。

1、选中舞台，添加分享图片，对象树分享图片前面的勾去掉，即作品打开时分享图片不可见，之后通过事件触发其显示。

2、选中确认分享图片，点击事件工具，添加两个事件。事件1，触发条件手指按下，目标对象舞台，目标动作提交素材。即把观众上传的图片与写好的祝福语提交素材，转发后，其他观众就可以看到更新过的内容。事件2，触发条件手指按下，目标对象分享图片，目标动作显示。

重点工具：输入框、事件、文本、图片

知识点：

更换素材：让观众把原来的图片替换成自定义的图片。

传值：可以将输入框用户输入的值（数字或文本）传值到文本或者计数器上（计数器只显示数字）。

提交素材：配合记录图片、文字、数值使用。转发时能保存显示用户新设置的图片、文字、数值。

重点事件：

更换素材：

触发对象：透明按钮

触发条件：手指按下

目标对象：灰色空图片

目标动作：更换素材。

传值：

触发对象：文本，

触发条件：手指按下，

目标对象：输入框，

目标动作：传值，

控件：占位文本。

提交素材：

触发对象：确认分享图片

触发条件：手指按下，

目标对象：舞台，

目标动作：提交素材。