找回密码
 立即注册

QQ登录

只需一步,快速开始

Jack.Cheng
超级版主   /  发表于:2022-8-26 13:41  /   查看:1788  /  回复:0
本帖最后由 Eric.Liang 于 2022-8-30 14:27 编辑

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

这个需求看起来很简单,似乎没有那么复杂。但是猛地一想好像也没有那么好做而在8.0 update1里面,我们可以动态地修改按钮的图标啦!!!
image.png836248779.png
我现在希望点击加锁后把底下输入框给禁用掉,同时按钮的锁图标显示解开。再次点击后,底下输入框启用,并把按钮图标回复成加锁状态。
我的按钮命令可以这么设置
image.png997311096.png
image.png989395446.png
image.png910420226.png
这是运行效果

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

其实这个功能在很多场景下都能用到,下面我再举两个需求:
1、我有这么三个按钮在页面容器里面提前设计好了
image.png822109374.png
除了左侧图标不同,其他的样式,文字,逻辑都一样。我需要PC页面只显示第一个按钮,手机页面只显示第二个按钮,Pad页面只显示第三个按钮。在8.0 update1之前,用设置行列布局命令也能做。新版本里,你可以用组件功能和设置按钮图标命令配合,更优雅地完成这个需求。

2、我有个排序按钮
image.png999456176.png
我点击一次升序,上面小三角颜色变深,下面小三角颜色变浅;我点击一次降序,下面小三角颜色变深,上面小三角颜色变浅。这个需求用咱们这个新功能也很容易实现!

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








评分

参与人数 3满意度 +15 收起 理由
app转转风 + 5
一鹏 + 5
amtath + 5

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部