在使用Towify制作小程序时，如何配置样式的选中激活？

Posted 2023-04-18

参考技术A

通过创建样式，可以对处于不同状态下的组件做不同的样式设定，以提升用户体验感。

效果展示

通过为组件设置选中样式，同时配置触发器，实现点击单选框，激活列表条目。

样式配置

注意：在样式面板中，可以为组件增加样式，为组件的不同状态设置不同的样式。

选中列表条目 List Item

点击检查面板中的样式

添加一个样式

触发器配置

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

前置条件是执行触发器的必要条件，当满足前置条件时，才会执行触发器，本案例中，当列表条目是非激活时，才执行激活的触发行为，同理，当列表条目是激活状态时，执行非激活的融发行为。

选中列表条目 List Item

点击检查面板中的容器

创建激活触发器

创建非激活触发器

选中单选框

点击检查面板中的触发器

创建点击激活/非激活触发器

这样在使用 Towify 制作小程序时，就可以配置样式的选中激活了。

3分钟掌握一个有数小技能：制作动态标题

本文由  网易云 发布。

 

作者：汪谦 （本篇文章仅限知乎内部分享，如需转载，请取得作者同意授权。）

 

在制作可视化报告时，会遇到如下需求：动态显示图表的标题。

如下图所示，右侧图表标题的显示内容会根据左侧选中的数据项发生变化。

当左侧未选中任何省份时，右侧显示全国的销售额，同时标题显示“全国各年销售额”；

当左侧选中某一省份时（比如浙江省），右侧显示浙江省的销售额，同时标题显示“浙江各年销售额”。

那么如何在有数中实现这样的功能呢？我们可以利用“图表”控件来制作动态标题。

比如我们新建一个字符串类型的维度字段。

然后将此字段拖入“图表”控件的标签区域，则图表就会显示字段对应的文字内容，如图所示。

那么如何让标题动态显示当前选中的省份呢，可以利用“属性”聚合方式来实现（对于“属性”聚合方式不理解的同学可参考本文末尾的解释）。我们将“省份”字段拖入标签（在此之前，需要先将“省份”字段转换为度量字段，因为只有度量字段可以进行聚合），并将聚合方式选择为“属性”。则地图图表选中特定省份时，被联动的图表会显示对应的省份，如图所示。

可以注意到当地图图表未选中任何省份时，右侧图表会显示“null”，这是“属性”聚合方式的特性决定的。当未对右侧图表进行数据筛选时，图表包含了所有省份的数据，则“省份”字段包含多个取值，聚合为一个值的时候，结果为“null”。

我们可以利用有数的计算字段，使得未选中任何省份时，显示成“全国”，最终的计算字段语法如下：

将该字段拖入图表控件的标签区域，即可实现，未选中任何省份时，显示“全国各年销售额”，选中特定省份时（比如浙江省），显示“浙江各年销售额”，如图所示。

至此，大功告成。

 

关于“属性”聚合的解释如下：

聚合：指的是对一组值进行计算并返回单个值。 例如，包含值 1, 2, 3, 3, 4 的某个度量经过求和聚合后返回单个值：13。

“属性”聚合：聚合方式的一种，如果一组数据中都是相同值，则返回该值，否则返回空。例如，包含值“浙江”、“浙江”、“浙江”的某个度量经过属性聚合后返回单个值：“浙江”。而包含值“浙江”、“浙江”、“江苏”的某个度量经过属性聚合后返回的结果为空值（即“null”）。

 

欢迎免费体验网易有数

 

了解 网易云 ：
网易云官网：https://www.163yun.com/
新用户大礼包：https://www.163yun.com/gift
网易云社区：https://sq.163yun.com/