意派Epub360高级教程：按钮组件.docx

《意派Epub360高级教程：按钮组件.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、之前的选择题中，我们通常用幻灯组件来控制每个选项的选择与否，不但要设置选中某个选项时的状态，还要同时设置其他选项的显示状态，逻辑设置比较繁琐。为了解决这个问题，开发按钮组组件，与图片按钮组件结合使用，简化设置过程。视频教程 建议结合图文教程一起理解功能：用来显示每个选项的选中与否。属性：高级组件使用方式：按钮组组件+多个图片按钮组件，结合使用。先看下使用新功能可达到的效果：用来选择不同的选项时，保持单选属性，还可以给按钮赋值文字或数字，通过触发设置参数，用段落组件等显示所赋值。只需三步：1.首先找到按钮组组件的位置：2.点击按钮组添加，同时添加多个图片按钮组件（最好是给按钮重命名）：3.将按

2、钮组与多个图片按钮绑定设置完成。如果需要达到更加丰富的效果，如图：可以通过给每个选项设置值，结合段落组件显示，如何设置：1.替换按钮图片，这时四个月饼就是按钮选项了2.选中按钮组，给每个图片按钮设置值（直接输入即可），可以是文字也可以是数值3.添加一个文本组件，用来显示：选择不同的选项时的，按钮组的值，在这里按钮组组件我设置了空白，用空格显示，不显示任何文字。4.选中按钮组组件，设置选择结束时的触发器，触发文本显示选择结果主要设置步骤：选小面板按钮组——设置选择结束时触发器——触发行为选择：设置参数值——让文本组件显示按钮组选择的参数。如图：设置完成。关键点：1.按钮组与多个图片按钮绑定，从

3、而对它们进行管理，在视觉上具有逻辑交互的特点，保持选择的单一性。2.通过给按钮设置值，使按钮组也具备了参数变量的属性，按钮组相当于成为了一个变化的值，它的变化是由选择项决定的。意派Epub360-专业H5设计工具意派Coolsite360-专业响应式网站/微信小程序设计工具