《H5设计与运营》第八章H5制作工具-2课件

1、8.2.3 使用高级组件“快闪”组件8.2.3 使用高级组件“快闪”组件8.2.3 使用高级组件“点击截图”组件在左图所示的H5场景中，中间为滚动变换的文字图片，点击“确认运势”按钮，即可进行截图，效果如右图所示。在组件列表中单击“点击截图”按钮 ，即可插入该组件，可以更改该组件的名称或风格，还可以自定义图片。在H5场景中插入“点击截图”组件后，在手机微信环境下预览H5页面，点击“点击截图”按钮，可以对当前页面内容进行截图，然后用手指长按截图，在弹出的菜单中设置将图片保存到手机相册。8.2.3 使用高级组件“点击截图”组件在左图所示的H5场8.2.3 使用高级组件“画板”组件8.2.3 使用高

2、级组件“画板”组件8.2.3 使用高级组件“投票”组件8.2.3 使用高级组件“投票”组件8.2.3 使用高级组件“随机事件”组件8.2.3 使用高级组件“随机事件”组件8.2.3 使用高级组件“动态数字”组件使用“动态数字”组件可以生成一组数字的动态变化。在组件列表中单击“动态数字”按钮 ，在“组件设置”面板中选择类型，设置动画时长和数值区间等参数。使用“动态数字”组件还可以生成随机数，按照前面介绍的方法为组件添加触发条件，并开启“随机停止”功能即可。8.2.3 使用高级组件“动态数字”组件使用“动态数字”组8.2.4 使用微信组件“头像”组件8.2.4 使用微信组件“头像”组件8.2.4

3、使用微信组件“声音”组件8.2.4 使用微信组件“声音”组件8.2.4 使用微信组件“照片”组件8.2.4 使用微信组件“照片”组件8.2.4 使用微信组件“照片墙”组件在组件列表中单击“照片墙”按钮 ，即可在页面中添加“照片墙”组件。用户可以在“组件设置”面板中设置头像行数、头像边框、背景颜色等，如下图所示。在微信上预览场景时，将展示最近浏览者的微信头像，默认显示3行头像，每行8个头像，最多展示24位最近的浏览者。8.2.4 使用微信组件“照片墙”组件在组件列表中单击“照8.2.5 使用AI组件“自说字画”组件8.2.5 使用AI组件“自说字画”组件8.2.5 使用AI组件“立体魔方”组件8

4、.2.5 使用AI组件“立体魔方”组件目录CONTENTH5基本编辑8.1使用易企秀H5编辑器组件8.2使用易企秀H5编辑器表单8.3目录CONTENTH5基本编辑8.1使用易企秀H5编辑器组件表单能够帮助企业或商家获得用户的联系方式并收集用户的信息，在制作企业招聘、活动邀请等H5场景时都会用到表单。将鼠标指针置于组件栏中的“组件”按钮上，将显示表单组件列表，如下图所示。需要注意的是，使用表单组件时，需要添加“提交”按钮，这样才可以将数据提交到后台。表单能够帮助企业或商家获得用户的联系方式并收集用户的信息，在8.3.1 使用常用表单组件“联系人”和“输入框”表单组件8.3.1 使用常用表单组件

5、“联系人”和“输入框”表单组件8.3.1 使用常用表单组件“提交按钮”表单组件8.3.1 使用常用表单组件“提交按钮”表单组件8.3.1 使用常用表单组件“短信验证”表单组件短信验证功能用于验证输入的手机号是否真实有效，该功能是需要付费的，可以在易企秀中点击购买。当短信条数不足时，短信验证码将发送失败。在“表单”列表中单击“短信验证”按钮 ，即可插入“短信验证”组件，在“组件设置”面板中可以设置输入框颜色、文字颜色等样式，如下图所示。8.3.1 使用常用表单组件“短信验证”表单组件短信验证功8.3.1 使用常用表单组件“留言板”表单组件8.3.1 使用常用表单组件“留言板”表单组件8.3.2

6、使用基础表单组件“单选”表单组件单选按钮用于在一系列选项中选择唯一的项目。在“表单”列表中单击“单选”按钮 ，即可在页面中插入“单选”表单组件。在“组件设置”面板中单击 或 按钮添加或删除选项。若要隐藏标题，可以设置主题颜色和标题颜色透明。在“功能设置”选项下打开“设为必填”功能，可以将该组件设置为必填项，若用户在填写表单时没有选择该选项，表单将无法提交，如下图所示。8.3.2 使用基础表单组件“单选”表单组件单选按钮用于在8.3.2 使用基础表单组件“多选”表单组件多选按钮用于在一系列选项中选择多个项目。在“表单”列表中单击“多选”按钮 ，即可在页面中插入“多选”表单组件。在“组件设置”面板

7、中选择“单选”或“多选”模式，可以迅速切换单选或多选类型，如下图所示。8.3.2 使用基础表单组件“多选”表单组件多选按钮用于在8.3.2 使用基础表单组件“下拉列表”表单组件8.3.2 使用基础表单组件“下拉列表”表单组件8.3.2 使用基础表单组件“评分”表单组件在“表单”列表中单击“评分”按钮 ，即可在页面中添加“评分”组件，对H5场景内容进行打分。在“组件设置”面板中可以设置评分标题、按钮图标、图标颜色等，如下图所示。完成评分并提交后，在后台可以看到评分数据。8.3.2 使用基础表单组件“评分”表单组件在“表单”列表8.3.2 使用基础表单组件“上传附件”表单组件“上传附件”表单组件用

8、于收集图片，在填写表单时，可以点击连接到手机相册，上传手机相册中的图片。上传图片后，需要点击“提交”按钮，才能将收集的图片上传提交到后台。在“表单”列表中单击“上传附件”按钮 ，在“组件设置”面板中设置标题、背景颜色、边框等，如下图所示。若要上传Word、Excel、PDF等类型的文件，可以在易企秀易表单中进行操作。8.3.2 使用基础表单组件“上传附件”表单组件“上传附件8.3.3 使用高级表单组件在易企秀H5编辑器中，可以使用高级表单组件插入简单的数据图表，包括饼状图、柱状图、折线图和曲面图。在“表单”列表中单击“饼状图”按钮 ，然后在“组件设置”面板中设置标题、图例、标识颜色等，如下图（左）所示，单击“编辑表单数据”按钮可以更改数据和图例颜色。采用同样的方法，插入“柱状图”组件，或者在“图表类型”下拉列表中更改图表类型，如下图（右）所示。8.3.3 使用高级表单组件在易企秀H5编辑器中，可以使用课后习题1在易企秀H5编辑器中，使用矩形形