如何在自定义GTK部件中添加GtkWidget并实现信号继承？

你的核心问题在于错误地在draw函数中创建和管理子部件——GTK的draw回调只负责绘制当前部件自身的内容，子部件的布局、绘制和事件处理是由GTK的容器系统来管理的，手动在draw里创建按钮不会让GTK把它们当作合法的子控件，自然不会显示。下面是具体的解决方案：

第一步：让自定义部件成为容器 #

要添加子部件（比如Button），你的ImgTimeline需要是一个GTK容器。最简单的方式是让它直接继承GtkFixed（适合时间轴这种需要绝对定位子控件的场景），或者如果需要更复杂的布局，也可以继承GtkWidget并实现GtkContainer接口。这里我们用GtkFixed来简化实现。

修改你的自定义部件类定义（假设原来的类是基于GtkWidget）：

// 示例：将ImgTimeline改为继承GtkFixed
struct _ImgTimeline {
  GtkFixed parent;
  // 你的私有成员...
};

G_DEFINE_TYPE(ImgTimeline, img_timeline, GTK_TYPE_FIXED);

第二步：在部件初始化时添加按钮 #

不要在draw函数里创建按钮，而是在部件的初始化函数（img_timeline_init）或者专门的添加方法中创建并添加按钮作为子控件：

static void img_timeline_init(ImgTimeline *self) {
  ImgTimelinePrivate *priv = img_timeline_get_instance_private(self);
  
  // 创建按钮
  GtkWidget *button = gtk_button_new_with_label("Drag me!");
  // 设置按钮的大小（可选）
  gtk_widget_set_size_request(button, 100, 30);
  // 将按钮添加到时间轴容器中，定位到(50, 20)的位置
  gtk_fixed_put(GTK_FIXED(self), button, 50, 20);
  // 显示按钮
  gtk_widget_show(button);

  // 连接按钮的信号，比如点击、拖动等
  g_signal_connect(button, "button-press-event", G_CALLBACK(on_button_press), self);
  g_signal_connect(button, "button-release-event", G_CALLBACK(on_button_release), self);
  g_signal_connect(button, "motion-notify-event", G_CALLBACK(on_button_motion), self);
}

第三步：修正draw函数的职责 #

draw函数只需要绘制时间轴本身的背景、刻度等内容，不用再处理按钮——GTK会自动绘制所有子部件：

static gboolean img_timeline_draw(GtkWidget *da, cairo_t *cr) { 
  ImgTimelinePrivate *priv = img_timeline_get_instance_private((ImgTimeline*)da);
  gint width = gtk_widget_get_allocated_width(da);

  // 绘制时间刻度
  cairo_translate (cr, 0 , 12);
  img_timeline_draw_time_ticks(da, cr, width);

  // 绘制视频轨道背景
  cairo_translate (cr, 0 , 20);
  cairo_set_source_rgba(cr, priv->video_background[0], priv->video_background[1], priv->video_background[2], priv->video_background[3]);
  cairo_set_line_width(cr, 1);
  cairo_rectangle(cr, 0,10, width - 2, 59);
  cairo_fill(cr);

  // 绘制分隔线
  cairo_set_source_rgb(cr, 1, 1, 1);
  cairo_rectangle(cr, 0,69, width - 2, 3);
  cairo_fill(cr);

  // 绘制音频轨道背景
  cairo_set_source_rgba(cr, priv->audio_background[0], priv->audio_background[1], priv->audio_background[2], priv->audio_background[3]);
  cairo_rectangle(cr, 0,72, width - 2, 59);
  cairo_fill(cr);

  // 调用父类的draw方法，确保容器的子部件被绘制
  return GTK_WIDGET_CLASS(img_timeline_parent_class)->draw(da, cr);
}

关键原理说明 #

• GTK的容器会自动管理子部件的绘制、事件传递和布局，你只需要把按钮添加为容器的子控件，GTK就会处理剩下的事情。
• 原来在draw里创建按钮的方式不仅不会被GTK识别为子部件，还会导致每次重绘都创建新按钮，造成内存泄漏。
• 使用GtkFixed可以方便地通过坐标定位按钮，非常适合时间轴这种需要自由放置控件的场景；如果后续需要更复杂的布局，也可以切换到GtkGrid或自定义布局容器。

内容的提问来源于stack exchange，提问作者GiuTor