使用ivx的瀑布流容器显示图片经验总结

本文分享了使用ivx瀑布流容器显示图片的经验,强调了数据库数据导入、瀑布流卡片布局以及列跨度的重要作用。通过理解列跨度的含义,可以灵活调整瀑布流展示效果,适合需要构建类似功能的开发者参考。
摘要由CSDN通过智能技术生成

在这里不得不先夸一下ivx功能的强大,同时,鄙人在最近的开发学习过程中,对ivx中自带的瀑布流容器进行了学习使用,颇有心得,希望能分享给大家,给大家带来一些便利。因为官网的demo库十分齐全,所以我直接以官网的瀑布流显示图片demo进行分析:
1.瀑布流显示图片的重点在于瀑布流容器的熟练运用,这里因为要用到测试数据来显示,所以先创建一个数据库导入图片资源数据,然后创建一个服务用于按页数输出数据,添加我们所要用到的数据,然后在页面下添加一个瀑布流容器,瀑布流容器在左上角的扩展组件里在这里插入图片描述
因为我们要通过数组展示多个瀑布流卡片,所以这里先在容器下添加一个循环,将要展示的图片数据与该循环绑定,然后再在循环里添加瀑布流卡片,瀑布流卡片的添加也是在左上角的扩展组件里。
2.接下来就是我多次使用后发掘出的使用重点,要用好瀑布流容器,就要理解什么是列跨度,例如要通过一些条件区别达到不同的展示效果,可以通过if判断和更改跨度的值来实现,列跨度指的就是该瀑布流卡片的宽度为多少个列,在瀑布流容器中我们设置了每列宽度和行列距离,我们设它们分别为a和b,列跨度为c,瀑布流卡片的的宽度就等于ac+b(c-1)

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值