从另一个小部件触发复选按钮悬停事件

Question

我使用不带标签的 Gtk::CheckButton 和 Gtk::EventBox 内的 Gtk::Label 创建了一个自定义的从右到左复选按钮小部件。

我这样做而不是简单地调用 set_direction(Gtk::TEXT_DIR_RTL) 的原因是我想手动指定这些小部件的对齐方式。

我已经弄清楚 activating/deactivating 单击标签时复选按钮的状态，但我无法触发从标签到复选按钮的悬停事件。默认 Gtk::CheckButton 行为会触发可点击方形按钮上的悬停效果，以指示当文本也被悬停时它会被激活。我如何在自定义的从右到左复选按钮小部件上实现相同的行为？

以下是用于测试的最小可重现代码：

#include <gtkmm.h>

using Gtk::Application;
using Gtk::Button;
using Gtk::CheckButton;
using Gtk::EventBox;
using Gtk::Grid;
using Gtk::Label;
using Gtk::Window;

class MyWindow : public Window {
    Button      button;
    CheckButton checkbutton;
    EventBox    eventbox;
    Grid        grid;
    Label       label;

    bool on_label_clicked(GdkEventButton *);
    void arrange_content_layout();
    
public:
    MyWindow();
};

bool MyWindow::on_label_clicked(GdkEventButton *event)
{
    if (event->button == 1 && event->type == GDK_BUTTON_PRESS) {
        checkbutton.set_active(!checkbutton.get_active());
        return true;
    }

    return false;
}

void MyWindow::arrange_content_layout()
{
    checkbutton.set_margin_start(6);
    
    button.set_margin_top(24);
    grid.child_property_width(button) = 2;
    
    grid.set_margin_top(24);
    grid.set_margin_start(24);
    grid.set_margin_end(24);
    grid.set_margin_bottom(24);
}

MyWindow::MyWindow()
    : button("Click to steal focus")
    , label ("Our custom RTL label")
{
    eventbox.add(label);
    eventbox.signal_button_press_event().connect(sigc::mem_fun(
            *this, &MyWindow::on_label_clicked));
    
    grid.add(eventbox);
    grid.add(checkbutton);
    grid.attach(button, 0, 1);
    
    add(grid);
    
    arrange_content_layout();
    set_default_size(120, 60);
    
    show_all();
}

int main()
{
    auto app = Application::create("domain.reverse.sample.rtl-checkbutton");
    
    MyWindow window;
    
    return app->run(window);
}

Answer 1

一种方法是使用 set_state_flags() 并在悬停标签时欺骗从右到左复选按钮的视觉输出。

首先，您需要为eventbox启用这两个掩码以捕获enter和leave事件：

Gdk::ENTER_NOTIFY_MASK
Gdk::LEAVE_NOTIFY_MASK

eventbox.add_events(Gdk::ENTER_NOTIFY_MASK | Gdk::LEAVE_NOTIFY_MASK);

并连接 eventbox 个信号

class MyWindow : public Window {
    ...
    bool on_label_entered(GdkEventCrossing *);
    bool on_label_exited(GdkEventCrossing *);
    ...
}

MyWindow::MyWindow()
    ...
{
    ...
    eventbox.signal_enter_notify_event().connect(sigc::mem_fun(
            *this, &MyWindow::on_label_entered));
    eventbox.signal_leave_notify_event().connect(sigc::mem_fun(
            *this, &MyWindow::on_label_exited));
    ...

最后，使用 Gtk::STATE_FLAG_PRELIGHT 完成 UI 技巧

// Enter event
bool MyWindow::on_label_entered(GdkEventCrossing *event)
{
    if (event->mode != GDK_CROSSING_NORMAL) return false;

    checkbutton.set_state_flags(checkbutton.get_state_flags() | Gtk::STATE_FLAG_PRELIGHT);

    return true;
}

// Leave event
bool MyWindow::on_label_exited(GdkEventCrossing *event)
{
    if (event->mode != GDK_CROSSING_NORMAL) return false;

    checkbutton.unset_state_flags(Gtk::STATE_FLAG_PRELIGHT);

    return true;
}

从另一个小部件触发复选按钮悬停事件

Trigger checkbutton hover event from another widget

c++

gtk3

gtkmm3