c - 鼠标点击改变图片

Question

我已经能够做到以下几点：

  for (int i = 0; i < NUM_LEDS; ++i) {
    ledoff = gtk_image_new_from_file("./ledoff.png");
      leds[i].pos=ledpos[i];
      gtk_layout_put(GTK_LAYOUT(layout), ledoff, leds[i].pos.x, leds[i].pos.y);
      leds[i].status=OFF;
  }

基本上，这会将一堆“ledoff”图像加载到某个窗口上。

我需要的是每次单击时将图像ledoff更改为, 。一开始我以为这只是加载一个新图像并替换以前的图像，但由于这将完成数千次，我认为我每次都在“malloc'ing”一个新文件！这是真的？还是我只是替换文件而不添加新文件？ledonleds[i].pos.xleds[i].pos.ygtk_image_new_from_file

谢谢

score 4 · Accepted Answer

这是一个工作示例，它在窗口中创建一个 50x50“LED”阵列，并允许您通过单击它们来切换它们的状态。它并不是那么有效，正如我在评论中指出的那样，您最好自己将图像直接绘制到 GtkLayout 上，但这至少可以作为概念证明。

编辑：我已经更新了示例代码，以考虑liberforce 的建议，这使事情变得更清洁，内存效率更高。

#include <gtk/gtk.h>

#define ICON_WIDTH 16
#define ICON_HEIGHT 16
#define NUM_LEDS 2500

typedef enum {
    ON,
    OFF
} led_status;

typedef struct {
    GtkWidget *img;
    struct {
        gint x;
        gint y;
    } pos;
    led_status status;
} led;

static led leds[NUM_LEDS];
static GdkPixbuf *led_on;
static GdkPixbuf *led_off;

static gboolean click_handler(GtkWidget *widget,
                              GdkEvent *event,
                              gpointer user_data)
{
    led *info = user_data;

    if (info->status == ON) {
        gtk_image_set_from_pixbuf(GTK_IMAGE(info->img), led_off);
        info->status = OFF;
    } else {
        gtk_image_set_from_pixbuf(GTK_IMAGE(info->img), led_on);
        info->status = ON;
    }

    return TRUE;
}

int main(int argc, char** argv)
{
    GtkWidget *window, *layout;
    int i = 0, x, y;

    gtk_init(&argc, &argv);

    /* Load our images (ignoring errors - as any good sample code would) */
    led_on  = gdk_pixbuf_new_from_file("led-on.png", NULL);
    led_off = gdk_pixbuf_new_from_file("led-off.png", NULL);

    /* Initialize our array */
    for (x = 0; x < 50; x++) {
        for (y = 0; y < 50; y++) {
            leds[i].img = gtk_image_new();
            leds[i].pos.x = x * ICON_WIDTH;
            leds[i].pos.y = y * ICON_HEIGHT;
            leds[i].status = OFF;

            /* Initialize our image from the pixbuf we've already loaded */
            gtk_image_set_from_pixbuf(GTK_IMAGE(leds[i].img), led_off);
            i++;
        }
    }

    /* Create a window */
    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_title(GTK_WINDOW(window), "LEDs");
    gtk_signal_connect(GTK_OBJECT(window),
                       "destroy",
                       G_CALLBACK(gtk_main_quit),
                       NULL);

    /* Create the widget */
    layout = gtk_layout_new(NULL, NULL);

    for (i = 0; i < NUM_LEDS; i++) {
        /*
         * A GtkImage doesn't have a window, so we need to put it inside
         * a GtkEventBox so we can capture events.
         */
        GtkWidget *eb = gtk_event_box_new();
        g_signal_connect(G_OBJECT(eb),
                         "button_press_event",
                         G_CALLBACK(click_handler),
                         &leds[i]);
        gtk_container_add(GTK_CONTAINER(eb), leds[i].img);
        gtk_layout_put(GTK_LAYOUT(layout), eb, leds[i].pos.x, leds[i].pos.y);
    }

    gtk_container_add(GTK_CONTAINER(window), layout);
    gtk_widget_show_all(window);

    gtk_main();

    return 0;
}

score 2 · Accepted Answer

一种解决方案是GtkImage为每个有 LED 的位置创建一个。不要使用gtk_image_new_from_file，因为它每次都会加载图像文件。反而：

调用gdk_pixbuf_new_from_file您的 2 个图像文件中的每一个
调用gtk_image_new以创建每个图像小部件，并立即使用正确的像素缓冲区初始化它们 gtk_image_set_from_pixbuf
当需要更改显示的图像时，只需获取之前创建的对应GtkImage，并更改显示的图像gtk_image_set_from_pixbuf

这确保了低内存消耗：您只分配了 2 个像素缓冲区（并从 GtkImage 实例中计数），并且您只为每个 LED 创建一个 GtkImage（而不是在每次更改显示的图像时销毁/创建一个）。

编辑：这是对 Sean Bright 提交的改进，其中我修复了一些错误。

#include <gtk/gtk.h>

#define MAX_LEDS_PER_LINE 50
#define NUM_LEDS 2500

static GdkPixbuf * led_on;
static GdkPixbuf * led_off;

static gboolean click_handler(GtkWidget *widget,
        GdkEvent *event,
        gpointer user_data)
{
    gboolean *is_led_on = user_data;
    GList * children = gtk_container_get_children (GTK_CONTAINER (widget));

    *is_led_on = ! *is_led_on; /* invert led state */
    gtk_image_set_from_pixbuf (GTK_IMAGE(children->data), (*is_led_on) ? led_on : led_off);
    g_list_free (children);
    return TRUE; /* stop event propagation */
}

int main(int argc, char** argv)
{
    GtkWidget *window, *table;
    gboolean leds[NUM_LEDS];
    int i = 0;

    gtk_init(&argc, &argv);

    /* Create a window */
    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_title(GTK_WINDOW(window), "LEDs");
    gtk_signal_connect(GTK_OBJECT(window),
            "destroy",
            G_CALLBACK(gtk_main_quit),
            NULL);

    /* Load leds on/off images */
    led_on = gdk_pixbuf_new_from_file ("on.png", NULL);
    led_off = gdk_pixbuf_new_from_file ("off.png", NULL);

    /* Create the container */
    int n_rows = (NUM_LEDS / MAX_LEDS_PER_LINE) + 1;
    int n_cols = (NUM_LEDS / MAX_LEDS_PER_LINE) + 1;
    table = gtk_table_new (n_rows, n_cols, FALSE);

    /* Create the leds */
    for (i = 0; i < NUM_LEDS; i++)
    {
        leds[i] = FALSE; /* FALSE means OFF, TRUE means ON */

        /*
         * A GtkImage doesn't have a window, so we need to put it inside
         * a GtkEventBox so we can capture events.
         */
        GtkWidget *image = gtk_image_new ();
        gtk_image_set_from_pixbuf (GTK_IMAGE(image), led_off);
        GtkWidget *eb = gtk_event_box_new();
        g_signal_connect(G_OBJECT(eb),
                "button-press-event",
                G_CALLBACK(click_handler),
                &leds[i]);
        gtk_container_add(GTK_CONTAINER(eb), image);
        int row = i / MAX_LEDS_PER_LINE;
        int col = i % MAX_LEDS_PER_LINE;
        gtk_table_attach (GTK_TABLE(table),
                eb,
                row, row + 1,
                col, col + 1,
                0,
                0,
                0,
                0);
    }

    gtk_container_add(GTK_CONTAINER(window), table);
    gtk_widget_show_all(window);

    gtk_main();

    return 0;
}

在这里，我实现了我的第一句话，并改进了一些事情：

我修复了click_handler回调的签名
我修复了click_handler回调的返回值
我删除了结构，因为我们只需要一个布尔值来了解 LED 状态。它甚至可以是存储在 GtkImage 中的一个属性，但将后端逻辑与用户界面分开通常是个好主意。
我使用 GtkTable 而不是 GtkLayout，因为我认为不需要像素精确地放置 LED。不过，在 GTK 3 中，GtkTable 被 GtkGrid 取代。然而，GtkTable 在使用 gtk_table_add_defaults 时遇到了困难，因为调整窗口大小会导致重新计算 2500 个小部件的大小，所以我只使用了最简单的大小计算选项。

score 0 · Accepted Answer

我不确定这一点，但您应该将 2 张图像放在屏幕上的相同位置，然后显示您需要的一张并隐藏您不需要的一张。我不知道这是否是一个好方法，但我很确定你没有使用这种方式分配东西。

gtk_widget_hide(your_image2);
gtk_widget_show(your_image1);

希望能帮助到你。

问候，

c - 鼠标点击改变图片

3 回答 3

Related

Reference