请问怎么在小程序的表单配置选中某项变色功能？

效果展示

通过使用循环容器并绑定数据表中的是否数据，同时为循环容器的列表项新增一个样式实现列表项的选中激活。

创建数据表

注意：在数据中心你可以创建属于自己应用程序的数据表格，数据表格类型分为用户表、商品表、订单表和自定义表。

点击数据中心。

创建数据表“是否”。

初始化两条数据。

创建事件

注意：事件是构建数据与界面元素组件链接的抽象逻辑，数据表与界面元素组件通过事件连接。

点击事件中心。

创建查询是否事件。

新增样式

注意：新增样式能够对单一组件进行自定义样式设置，使组件拥有两种样式状态，同时配置触发器中的激活行为，实现样式的切换。

选中循环容器的列表条目。

点击检查面板中的样式面板。

新增一个选中样式。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行举毕稿交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中循环容器。

点击检查面板中的触发器面板。

创建数指查询是否触发器。

创建取消激活触发器。

选中循环容器的列表条目。

点击检查面板中的触发器面板。

创建激活触发器。

选中循环容器列表条目中的标签文本。

点击检查面板中的触发器面板。

创建激活其中一项触发器。

绑定数据

注意：绑定数据可以将事件返回的数据和组件显示内容进行绑定。

选中循环容器的列表条正孝目。

点击检查面板中的数据绑定与设置。

绑定数据。

场景：画图应用需选择画笔颜色，有4种颜色按钮可供选择，用户点击任意按钮进行颜色切换。

思路仿搭：通过curColorIndex变量保存当前选中的颜色下标，选中后添加额外的选中样式

一，canvas.wxss文件：这个文件用于缺大辩定义按钮正常态和选中态的样式，以及Flex

布局的约束

二，canvas.wxml文件：这个文件伏缺是Demo的布局界面，通过使用js的data数据和wxss的class样式进行页面布局

这里通过wx：for实现循环打印颜色数组，通过curColorIndex值控制选中的样式，index值进行参数传递

三，canvas.js文件：提供数据，以及处理xwml的控件响应，并通过设置this.setData的值来更新xwml的显示

原文地址： http://www.jianshu.com/p/657e3b2a8aa4 http://www.jianshu.com/p/657e3b2a8aa4

发布朋友圈在社区类产品中是经常会用到的场景，今天就带大家一步步实现发布朋友圈功能。

效果展示

通过使用唤亮氏事件中心的查询和创建，同时使用文件上传组件上传本地图片，最终实现一个发布朋友圈功能。

创建数据表

注意：在数据中心你可以创建属于自己应用程序的数据表格，数据表格类型分为用户表、商品表、订单表和自定义表。

点击数据中心。

创建数据表。

字段包含：内容（文本类型） 、图片（图键备片类型）。

创建事件

注意：事件是构建数据与界面元素组件链接的抽象逻辑。数据表与界面元素组件通过事件连接。

点击事件中心。

创建获取图片事件。

创建上传图片事件。

添加一个成功的接口。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中循环容器。

点击检查面板中的触发器。

创建获取图片触发器。

选中循环容器的列表条目。

点击检查面板中的数据绑定与设置。

绑定数据。

新增样式

注意：在检查器面板中的样式设置面板能够对每个组件设置两种样式状态，配置触发器的激活与非激活能够轻松在这两种样式状态中自由切换。

新建一个界面。

选中文件上传组件。

点击检查面板中的样式面板。

配置样式。

将样式更换为选中样式。

配置其样式。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中文件上传组件。

点击检查面板中的触发器。

创建一个设置值的触发器，将文件上传和散的值传递给图片组件。

创建一个监听文件上传值改变的触发器。

创建一个初始化、非激活状态的触发器。

创建一个无触发时机的激活状态触发器。

创建一个监听文件上传值改变的触发器。

创建一个重置触发器。

选中输入框组件。

点击检查面板中的触发器。

创建一个重置触发器。

选中根容器。

点击检查面板中的触发器。

创建触发器。

选中按钮组件。

点击检查面板中的触发器。

创建一个界面跳转触发器。

创建上传图片触发器。

这样就可以实现发布朋友圈功能了。

---