在完成了购物车的数据填写和数据更新后,关于页面UI更新的问题

1.完成了关于数量的加减和多选框的选中效果,log日志里有但是页面的UI不刷新

上图就是今天完成的关于购物车的整体UI效果,可以看到整体的效果很好,可以说只差关于事件的效果方面,但就是这个关于事件的更新难倒了我们,具体的问题是关于页面的事件的唯一值id没有发生变化,所以系统检测不到需要更新的内容,在java中这方面有专门的列表刷新方法,但是鸿蒙中没有,所以我们要自己来书写关于列表刷新的方法

上图就是具体关于数量增加的方法,最主要的就是我们为要增加的商品赋予了一个新的唯一标识符来支持页面UI的刷新效果,然后,我们就得到了一个可以刷新这一整条数据的方法,包括商品的图片,商品图片本身是异步加载,所以在刷新的时候会出现短暂的白屏,这有产生了一个新的问题

2.关于图片刷新的白屏怎么解决

在上面说过了,图片加载时出现的白屏是因为图片的异步加载所产生的,那有没有让图片同步加载的方法呢?有,使用syncLoad属性,使图片同步加载,从而避免出现闪烁,不过要注意不建议图片加载较长时间时使用,会导致页面无法响应

在使用syncLoad属性后就不会再出现图片的闪烁效果了,这样白屏的问题就解决了

  • 9
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值