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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在使用Towify制作小程序时,如何配置样式的选中激活?相关的知识,希望对你有一定的参考价值。

参考技术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/

以上是关于在使用Towify制作小程序时,如何配置样式的选中激活?的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序(上)

微信小程序(一)多个按钮选中的联动效果

微信小程序--多个按钮选中的联动效果

《选中圆角样式之微信小程序》

新手怎么用uniapp制作图中小程序的样式?

微信小程序 - 更改radio和checkbox选中样式