QT 做图片缩略显示 滚动条下拉 怎么实现动态加载下面的图片？

Posted 2023-04-26

当图片过多时，当前窗口不能全部显示，不显示的图片不加载！随着下拉滚动条，逐步加载显示

在屏幕中放置一个QWidget，作为你显示图片的窗口，在这个QWidget放置多个QLabel，每个QLabel就load一张图片，设置QLabel在QWidget中的坐标位置，然后就显示出来了。
动态更新的实现，首先获取下拉滚动操作的SIGNAL，将原先显示的QLabel坐标往上移动，并在QWidget的下方加入新的QLabel显示新的图片，这样就实现了下拉滚动动态显示效果。 参考技术A 你可以试一试QGraphicsView

或者自己简单实现。一个坐标变动的效果。

JQuery实现无刷新下拉加载图片

      最近做的一个项目需要做页面无刷新下拉加载图片，调研了一番，大多都采用检测滚动条达到底部，然后利用ajax加载下一页数据对页面数据进行添加，根据这一逻辑，自己写了一个，具体代码如下：

 

JQuery写下拉触发ajax事件

 $(window).scroll(function () {
            if($(window).scrollTop()==($(document).height()-$(window).height()))//判断右边滑动条是否滑到最下
            {
                $.ajax({
                    url:"",//后台地址
                    dataType:"json",
                    data:{},//附带参数，一般加上上一次请求的结尾ID或者其他标示
                     ......,
                    success:function(data){
                            $("#Album").append(data.result);//通过返回的结果对Album的Div进行添加数据

                    }
                })
            }
        })

      这一过程基本原理如下，在页面首次加载的时候加载一定的图片，等到右边滑动条滑动到最下面的时候，触发ajax事件，进行与后台通信，通过对后台请求得到json数据，其中包含了需要添加到页面的内容，通过append对页面原有的层进行追加内容（中间可能还涉及一些数据读取的问题，如果为了方便可以直接后台处理好返回一串html语句直接进行追加，但这样可扩展性小），从而实现这一效果。

在实现过程中还发现了另一个问题：jq写的scroll事件容易多次触发，即滚动一下鼠标触发多次，对于这一个情况，思考了下主要有以下两种解决思路：

1.添加计时器，在5-10秒内只允许触发一次（）

2.添加一个变量，让其在scroll刚开始执行时变为false，只有一次执行完才变回true，以此保证scroll每次只能有一个在执行。