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

app转转风

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

8.0 update1有一些小的提升点，这个帖子给大家介绍下我们在命令里面，可以动态更改按钮的图标功能。
image.png371038207.png

大家都知道我们的按钮可以配置图标，可以配左侧图标和右侧图标（右侧图标是8.0 update1的new feature）但是有时候可能需要动态去改变按钮的图标，比如从
image.png151635741.png

改为

这个需求看起来很简单，似乎没有那么复杂。但是猛地一想好像也没有那么好做

而在8.0 update1里面，我们可以动态地修改按钮的图标啦

！！！

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

这是运行效果

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

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

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

2、我有个排序按钮
image.png999456176.png

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

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

		自动登录	找回密码
密码			立即注册

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

评分

0 个回复