选项卡取消选中隐藏图片

01 预览效果

图片

02 实现逻辑

选项卡获取自身发出的回调参数，如果回调参数等于当前所点击选项的s字段，返回true，选项卡执行取消选中动作。

03 操作步骤

3.1 样式调整

点击左上角【搜索】，在搜索框中输入所需的组件的名称。本文中需添加图片、选项卡和两个标题组件。

图片

选中【图片】组件，选择【样式】-->【基本属性】，勾选【默认隐藏】。

图片

双击【标题】组件，可以给组件重命名，方便后续操作。

图片

分别对两个标题组件的文本进行修改：

a.选中【提示文字】标题，在【数据】中将文本修改为【选中项】

图片

b.选中【隐藏控件】标题，在【数据】中将文本清空。

图片

【选项卡】-->【样式】-->【全局】-->【默认选中】，将默认选中修改为0，即取消选项卡默认选中。

图片

3.2 选项卡交互配置

添加回调参数。【选项卡】-->【交互】-->【回调参数】，选择匹配动作为【状态改变】，字段值为【s】，变量名为【s】。

图片

选中【选项卡】-->【交互】，添加两个自定义事件：

a.事件一：事件类型为【鼠标点击】，并设置自定义条件（如右图所示），匹配动作为【选项卡】--【设置选中项】。

图片

b.事件2：事件类型为【鼠标点击】，并设置自定义条件（如右图所示），匹配动作为【图片】--【显示】。

图片

3.3 标题组件接收回调

选中【隐藏控件】标题，选择【数据】，开启数据过滤器后添加一个新的过滤器。

图片

数据过滤器中的代码如下图所示。注意添加回调字段s，接收选项卡发出的回调。

图片