使用Glade开发C语言GTK+程序时调整图片大小、固定控件尺寸的方法

你遇到的两类问题绝大多数可以直接在Glade中完成配置，无需额外编写C语言接口，仅动态变更控件规则的特殊场景才需要调用代码控制。

• 选中对应GtkImage控件，右侧属性面板切换到「常规」标签，开启「填充」「水平扩展」「垂直扩展」三个选项，让图片控件可以适配父容器分配的可用空间
• 下滑找到「图像」属性分组，将「缩放模式」设置为GTK_SCALE_FIT，此时图片会自动等比例缩放到匹配控件的可用范围，不会超出容器边界
• 若需要强制固定图片控件尺寸，切换到「大小请求」标签，直接填写「宽度请求」「高度请求」设定基础尺寸，填写「最大宽度」「最大高度」限制最大拉伸范围即可

• 选中目标GtkLabel控件，在「常规」属性面板勾选「自动换行」选项
• 下滑找到「换行模式」，设置为PANGO_WRAP_WORD_CHAR，可避免换行时截断单词、出现大量留白
• 若要强制限制Label最大宽度，可在「大小请求」标签填写「最大宽度」数值，或者将Label放入GtkBox/GtkGrid容器时，关闭该控件的「水平扩展」属性，即可避免横向撑大父界面

如果你需要更灵活的控件样式控制，可直接在Glade中配置CSS：

• 在Glade左侧部件库的「自定义」分类中，拖入一个GtkCssProvider到项目中，该控件为不可见控件，会显示在右侧的部件树列表里
• 选中GtkCssProvider，在属性面板的「CSS」输入框直接编写样式代码，语法和常规CSS高度相似，你需要的常用规则示例如下：

/* 固定图片控件尺寸范围 */
.custom-image {
  min-width: 200px;
  max-width: 400px;
  min-height: 150px;
  max-height: 300px;
}
/* 限制Label宽度、调整行高 */
.custom-label {
  max-width: 300px;
  line-height: 1.5;
}

• 选中需要应用样式的控件，在「常规」属性面板找到「样式类」输入框，填写对应CSS的类名（比如上面的custom-image、custom-label）即可生效
• 该配置全程不需要额外C代码加载，Glade会自动处理CSS的注入逻辑，仅动态修改样式的场景才需要调用gtk_style_context_add_class()等C接口

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