条件2:如果Item.Column1LVAR1.name,这里和条件1基本一致,只是LVAR1的变量不同,这里LVAR1代表第二个标签(橙色标签),前面我们将橙色标签命名为4000,所以我们通用用设置面板状态的交互将动态面板设置到state2(橙色页面),即只要低于4000就显示橙色 。
这里我们注意,不要用if的条件,要用else if的条件 。if的意思是不管上面成立不,我们都执行该交互,那么低于两千的数据也会显示橙色,这明显是不对的 。else if就是上面条件不成立的情况,才会执行一下交互,所以实际的条件就是2000到4000 。
后面的也是一样,就是从低到高设置条件,根据对应的条件设置动态面板的颜色 。设置完文本1对应的动态面板1之后,就可以将交互复制到后面动态面板2-7,然后需要交互里里面的Item.Column1需要改成2~7对应,并且动态面板要重新选择对应的动态面版 。
如果这里觉得麻烦的话,其实我们也可以只用一个文本和面板,通过中继器网格布局的方式实现,这样的好处就是省去很多功夫,缺点的话就是中继器表格只有一列,和显示的不一致,没有那么直观,总体来说各有利弊,你们根据你们实际的情况来选择吧 。
3. 鼠标移到数据的交互这里要分三种情况:鼠标移入时,鼠标移动时,鼠标移出时,我们以中继器内文本1元件为例 。
1)鼠标移入时
首先,我们要用显示的交互事件,将默认提示弹窗显示 。
其次,用设置文本的交互,将具体的数据设置到标签里,标题文字设置为对应横坐标的文字,这里也是用到变量LVAR1,选择对应的横坐标,移入文本1对应就是第一个x坐标元件的文字 。
具体数据内容设置为[[Item.Column0]]:[[Item.Column1]],即鼠标对应位置的纵坐标和具体数据 。
2)鼠标移动时
我们要做的效果就是弹窗跟随鼠标移动来移动,我们用移动的交互来实现,移动到鼠标对应的位置,这里需要用Cursor函数来获取鼠标的坐标,Cursor.x代表鼠标的x坐标,Cursor.y代表鼠标的纵坐标,我们在鼠标坐标的基础上+10,这样就可以做出跟随鼠标移动的效果 。
3)鼠标移出时
鼠标移出文本标签时,我们用隐藏事件将弹窗隐藏 。
然后我们可以将上述交互复制到文本2~7里,移动和移出都不需要改变,我们修改鼠标移入时设置文本的值即可,变量LVAR1选择对应的横坐标,Item.Column1修改为对应的Item.Column2~7 。这样我们就制作完成了 。
以后我们需要使用的话,只需要填写在中继器的表格里填写数据即可,自动生成交互效果,是不是很方便呢?
以上就是本期的全部内容了,感谢您的阅读,我们下期见~88
本文由 @做产品但不是经理 原创发布于人人都是产品经理,未经作者许可,禁止转载
题图来自Unsplash,基于CC0协议
夜晚的东北三省四城的热力图,它们的发展前景如何?3东北三省,作为共和国开发最早的地区,城市化的比例,至今还是排在全国前列 。
东北前四大城市人口排名,哈尔滨最大,过千万人口,长春和沈阳次之,都为900万出头,大连相对要小些,只有700多万 。
以上为四城晚上八点左右的热力图,图中和实际城市人口有引起区别,看图沈阳的规模最大,长春和哈尔滨差不多,大连相对弱一些,也许是主城区比较分散的原因,金州区的规模也不小,但是远离主城,如果它们加在一起,还是可以和长春哈尔滨媲美的 。
东北近十几年来,经济一直有些低迷,可能是城市化比较早,这几年其它地方的发展一直是围绕着,农村人口的进一步城市化而开展,都在吃城市化的红利,但东北再进一步城市化的潜力比较低,本身农村人口就不多,还有很多农村青年,往其它地区的大城市跑,这让当地城市的人口红利更低了,看之前普查结果得知,东北城市很多人口是负发展的,而农村更加空,减少的比例更大 。
最简单的比较,看看同比例尺下的郑州,它的热力图是不是红的过分了,蓝色面积更大,可能都倍于东北大城市,普查上说,它的人口规模是1200多万,但看这图,可真的不至啊,也许在1500万人口以上,如果把它周边人口总规模因素,添加上的话,未来妥妥的2000万大城市 。
过大的人口,这样的大城市病,个人也认为,既有有利的一面,也有不好的一面,如武汉和郑州这两年发生的事情来说,这类大城市一旦出问题,可以说是影响全国,特别是交通方面,出现瘫痪问题,可能影响上亿人口的生产生活,希望以后国家能再统筹规划一下 。
- 白噪音是什么_白噪音是什么原理
- 阿拉德之怒代码大全 阿拉德之怒字母d是什么版本
- 冰壶上的指示灯是什么意思 冰壶上的指示灯是干什么用的
- 护资考试现场确认是什么 现场确认是什么
- tpu是什么材质
- ti是什么
- 初次墨囊钢笔怎么使用 初次用墨囊钢笔不出水是什么原因
- 汽车蓄电池gs是什么意思 GS蓄电池是什么牌子
- 小熊猫是什么酒 小熊猫是什么
- 遗传性脱发有什么症状 脱发有什么症状表现 脱发是什么原因引起的