C语言 鼠标点击时更改图像

nnvyjq4y  于 2023-04-29  发布在  其他
关注(0)|答案(3)|浏览(117)

我能够做到以下几点:

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”图像加载到某个窗口上。
我需要的是每次单击leds[i].pos.xleds[i].pos.y时将图像ledoff更改为ledon。一开始我以为这只是加载一个新的映像并替换以前的映像的问题,但由于这将被执行数千次,我以为每次执行gtk_image_new_from_file时都是“malloc”一个新文件!这是真的吗?或者我只是替换文件而不是添加新文件?

kb5ga3dv

kb5ga3dv1#

下面是一个工作示例,它在窗口中创建一个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;
}
bwitn5fc

bwitn5fc2#

一种解决方案是为每个有LED的位置创建一个GtkImage。不要使用gtk_image_new_from_file,因为它将加载每次图像文件。相反:

  • 为两个图像文件调用gdk_pixbuf_new_from_file
  • 调用gtk_image_new来创建每个图像部件,并立即使用gtk_image_set_from_pixbuf将它们初始化为正确的像素缓冲区
  • 当你需要改变显示的图像时,只需要得到对应的先前创建的GtkImage,然后用gtk_image_set_from_pixbuf改变显示的图像

这确保了低内存消耗:你只有2个像素缓冲区被分配(和引用计数从GtkImage示例),你只创建一个GtkImage每个led(而不是销毁/创建一个每次你改变显示的图像)。

**编辑:**这里是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个小部件的大小,所以我只使用了最简单的大小计算选项。
zzwlnbp8

zzwlnbp83#

我不确定这一点,但你应该把你的2个图像在屏幕上的同一位置,然后显示一个你需要和隐藏一个你不需要。我不知道这是否是一个好方法,但我很肯定,你不是用这种方式分配东西。

gtk_widget_hide(your_image2);
gtk_widget_show(your_image1);

希望能帮上忙。
致上,

相关问题