有问题就先记录一下。。。。。。
首先我是想要一款类似微信看大图(组图)的一款组件或者插件,然后没有找到一款简洁的适合优化的代码,就想着用swiper写一个,然后就发现了各种的坑,不好用,示例代码https://developers.weixin.qq.com/s/rvi4GGmE70bY
问题一:我是想做图片自适应大小,宽度为屏幕宽,高度按比例缩放,但是小程序提供的wx.getimageinfo()是异步调用(这个方法最大的缺点就是调用速度太慢),获取组图的尺寸,for循环后得到的数值是不准确的,(异步调用改变了图的顺序,而且是无规律的),后来发现一个方法,就是在组件image里写bindload方法,初次见面,十分好感,但是调用过后,发现其获取图片的数据也是异步调用,获取到的数据顺序是没有规律的,所以只能默默的弃用… 最后只能通过循环图片路径在wx.getimageinfo()返回的结果重复调用wx.getimageinfo(),速度不是一般的慢,
问题二:就是关于swiper的current这个参数,其实上面这个示例代码表现的不是太好,但是当页面量大的时候,向current这个参数传值得时候,页面会显示一个current值从0到传递值得一个滑动效果,即使duration得值为0,也会出现滑动的效果,这个体验对于用户特别的不好,所以希望有一个参数直接展示所要展示的图片,而不是从current==0的页面滑动过去,
问题三:用current传值控制swiper;文档 提供了bindchange和bindanimationfinish这两个方法,后者比前者好用,但是页面内容较多的时候仍然会出现swiper-item不停地滑动,失去控制,解决的办法就是bindanimationfinish()+during一个相对较大的值,这个将就可以用,但是仍需要做些优化
以上都是在写图片看大图遇到的问题,所遇到的问题都是因为代码包比较大引起的,这个示例代码可能显示的不是太直观,但是确实不能提供更多的代码包了,如果有好的插件或者组件谢谢提示下,而且也希望官方能够提供一款这样的组件。