Jack.Cheng 发表于 2022-8-26 13:41:13

活字格8.0 update1新功能解密:十六、小提升-命令-运行时支持修改按钮的图标

本帖最后由 Eric.Liang 于 2022-8-30 14:27 编辑

8.0 update1有一些小的提升点,这个帖子给大家介绍下我们在命令里面,可以动态更改按钮的图标功能。
大家都知道我们的按钮可以配置图标,可以配左侧图标和右侧图标(右侧图标是8.0 update1的new feature)但是有时候可能需要动态去改变按钮的图标,比如从

改为


这个需求看起来很简单,似乎没有那么复杂。但是猛地一想好像也没有那么好做{:2_29:}而在8.0 update1里面,我们可以动态地修改按钮的图标啦:i0tw2:!!!

我现在希望点击加锁后把底下输入框给禁用掉,同时按钮的锁图标显示解开。再次点击后,底下输入框启用,并把按钮图标回复成加锁状态。
我的按钮命令可以这么设置



这是运行效果


就是这么简单,当然我们也支持去修改按钮右侧图标,可以根据实际场景选择使用。


其实这个功能在很多场景下都能用到,下面我再举两个需求:
1、我有这么三个按钮在页面容器里面提前设计好了

除了左侧图标不同,其他的样式,文字,逻辑都一样。我需要PC页面只显示第一个按钮,手机页面只显示第二个按钮,Pad页面只显示第三个按钮。在8.0 update1之前,用设置行列布局命令也能做。新版本里,你可以用组件功能和设置按钮图标命令配合,更优雅地完成这个需求。

2、我有个排序按钮

我点击一次升序,上面小三角颜色变深,下面小三角颜色变浅;我点击一次降序,下面小三角颜色变深,上面小三角颜色变浅。这个需求用咱们这个新功能也很容易实现!

哈哈哈,产品能力我们有啦,剩下就看各位格友们怎么玩啦:lol








页: [1]
查看完整版本: 活字格8.0 update1新功能解密:十六、小提升-命令-运行时支持修改按钮的图标