FLTK 1.3中Fl_Scroll滚动时触发可视区域行处理的方法问询

FLTK 1.3的Fl_Scroll默认不会在滚动位置变化时触发回调，但可以通过子类化Fl_Scroll并捕获滚动相关事件的方式实现需求，这比全局监听所有UI事件要高效得多。

核心解决方案：子类化Fl_Scroll #

通过重写handle()方法，捕获所有可能触发滚动的事件（鼠标滚轮、拖动滚动条、键盘按键等），实时对比滚动位置，变化时处理可视区域内的行。

示例代码 #

#include <FL/Fl.H>
#include <FL/Fl_Scroll.H>
#include <FL/Fl_Flex.H>

class VisibilityTrackingScroll : public Fl_Scroll {
private:
    int last_y_pos_ = 0;
    Fl_Flex* content_column_ = nullptr; // 指向内部的Flex列

    // 检查滚动位置变化并更新行的可视状态
    void check_and_update_visibility() {
        int current_y = yposition();
        if (current_y == last_y_pos_) return;

        last_y_pos_ = current_y;
        int viewport_top = current_y;
        int viewport_bottom = current_y + h();

        // 遍历所有行，检查是否进入可视区域
        for (int i = 0; i < content_column_->children(); ++i) {
            Fl_Widget* row = content_column_->child(i);
            // 获取行相对于滚动组件内部的坐标
            int row_top = row->y();
            int row_bottom = row->y() + row->h();

            // 判断行是否处于可视区域内
            bool is_visible = (row_bottom > viewport_top) && (row_top < viewport_bottom);
            // 从用户数据中获取之前的可视状态（需提前初始化每个行的user_data）
            bool was_visible = *(static_cast<bool*>(row->user_data()));

            if (is_visible && !was_visible) {
                // 行刚进入可视区域，执行你的操作
                on_row_enter_viewport(row);
                *(static_cast<bool*>(row->user_data())) = true;
            } else if (!is_visible && was_visible) {
                // 行离开可视区域，可选处理
                *(static_cast<bool*>(row->user_data())) = false;
            }
        }
    }

    // 自定义行进入可视区域的处理逻辑
    void on_row_enter_viewport(Fl_Widget* row) {
        // 这里替换成你的操作，比如加载数据、更新UI等
        row->label("已进入可视区域");
    }

public:
    VisibilityTrackingScroll(int x, int y, int w, int h, const char* label = nullptr)
        : Fl_Scroll(x, y, w, h, label) {}

    // 设置内部的Flex列，用于遍历行
    void set_content_column(Fl_Flex* column) {
        content_column_ = column;
    }

    int handle(int event) override {
        int result = Fl_Scroll::handle(event);

        // 捕获所有可能触发滚动的事件
        switch (event) {
            case FL_MOUSEWHEEL:
            case FL_DRAG:       // 拖动滚动条或可拖动内容
            case FL_RELEASE:    // 拖动结束
                check_and_update_visibility();
                break;
            case FL_KEYUP:
                // 处理键盘滚动事件（上下箭头、翻页键）
                switch (Fl::event_key()) {
                    case FL_Up: case FL_Down:
                    case FL_Page_Up: case FL_Page_Down:
                        check_and_update_visibility();
                        break;
                    default: break;
                }
                break;
        }

        return result;
    }
};

// 使用示例
int main() {
    Fl_Window* win = new Fl_Window(400, 600, "滚动可视区域检测");
    VisibilityTrackingScroll* scroll = new VisibilityTrackingScroll(10, 10, 380, 580);
    scroll->type(Fl_Scroll::VERTICAL); // 仅垂直滚动

    Fl_Flex* column = new Fl_Flex(0, 0, scroll->w(), scroll->h(), Fl_Flex::COLUMN);
    column->margin(5);
    column->gap(5);

    // 创建多行Flex行
    for (int i = 0; i < 20; ++i) {
        Fl_Flex* row = new Fl_Flex(0, 0, column->w(), 80, Fl_Flex::ROW);
        row->box(FL_BORDER_BOX);
        // 初始化行的可视状态为false
        bool* is_visible = new bool(false);
        row->user_data(is_visible);
        row->end();
    }

    column->end();
    scroll->end();

    scroll->set_content_column(column);
    win->end();
    win->show();

    return Fl::run();
}

关键说明 #

1. 事件捕获：通过handle()方法拦截鼠标滚轮、拖动、键盘滚动等事件，确保滚动变化被及时检测。
2. 可视区域判断：利用yposition()获取滚动偏移量，结合滚动组件的高度计算可视范围，对比行的坐标判断是否进入可视区域。
3. 状态记录：通过user_data()为每个行存储之前的可视状态，避免重复执行操作。

备选方案：空闲时轮询（适合简单场景） #

如果不想子类化，可以使用Fl::add_idle()在程序空闲时定期检查滚动位置，但这种方式是轮询，效率不如事件驱动：

Fl_Scroll* scroll = new Fl_Scroll(...);
Fl_Flex* column = new Fl_Flex(...);
int last_y = scroll->yposition();

Fl::add_idle([](void* data) {
    auto* params = static_cast<std::pair<Fl_Scroll*, Fl_Flex*>*>(data);
    Fl_Scroll* s = params->first;
    Fl_Flex* col = params->second;

    int current_y = s->yposition();
    if (current_y == last_y) return;

    last_y = current_y;
    // 此处复用上面的可视区域判断逻辑
}, new std::pair<Fl_Scroll*, Fl_Flex*>(scroll, column));

这种方法无需修改组件类，但会持续占用少量CPU资源，适合简单的小场景。

内容的提问来源于stack exchange，提问作者Jakub Holý