GTK+3 Fixed容器内如何设置控件固定尺寸使其不受内容影响

GTK控件默认的width-request/height-request仅为尺寸请求值，不是硬限制，控件会优先满足内容的最小展示需求自动扩张，可通过以下两种方案强制固定尺寸：

代码实现方案 #

• 第一步：调用gtk_widget_set_size_request()给控件设置固定宽高的尺寸请求，参数直接传入你需要的固定宽高值，示例：

  // 固定FontButton宽度为200px，高度为36px
  gtk_widget_set_size_request(font_button, 200, 36);
  

• 第二步：关闭控件的自动扩展属性，避免布局自动拉伸控件：

  gtk_widget_set_hexpand(font_button, FALSE);
  gtk_widget_set_vexpand(font_button, FALSE);
  

• 第三步：设置控件对齐方式为填充，让控件完全适配你设定的尺寸：

  gtk_widget_set_halign(font_button, GTK_ALIGN_FILL);
  gtk_widget_set_valign(font_button, GTK_ALIGN_FILL);
  

• 第四步：针对文本类控件（如FontButton、Label），额外设置内部文本溢出省略，避免内容撑开控件：

  // 获取FontButton内部的Label控件
  GtkWidget *btn_label = gtk_bin_get_child(GTK_BIN(font_button));
  // 设置文本超出长度时末尾显示省略号
  gtk_label_set_ellipsize(GTK_LABEL(btn_label), PANGO_ELLIPSIZE_END);
  

CSS实现方案 #

给目标控件绑定自定义样式类名（如fixed-size-btn），添加如下CSS规则即可：

.fixed-size-btn {
  /* 最小和最大宽度设为相同值，强制固定宽度 */
  min-width: 200px;
  max-width: 200px;
  /* 最小和最大高度设为相同值，强制固定高度 */
  min-height: 36px;
  max-height: 36px;
}
/* 匹配控件内部的Label，设置文本溢出省略 */
.fixed-size-btn label {
  ellipsize: end;
}

补充说明 #

如果以上方案仍未生效，可以给目标控件套一层GtkEventBox容器，给外层GtkEventBox设置上述固定尺寸规则，再将内部控件的hexpand、vexpand属性设为TRUE，让内部控件填充满外层容器，即可通过外层容器的尺寸限制约束内部控件大小。

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