如何在Go中使用GOTK3动态隐藏图片且不占用屏幕空间？

完全可行，针对你的需求，推荐三种实用方案，解决隐藏后留空间的问题：

方案1：复用单个Image组件切换图片（最简洁） #

不需要隐藏/移除组件，直接切换图片资源即可，完全匹配播放/停止图标的切换场景：

1. 提前加载播放、停止两个状态的GdkPixbuf：

playPixbuf, _ := gdk.PixbufNewFromFileAtScale("play.png", 24, 24, true)
stopPixbuf, _ := gdk.PixbufNewFromFileAtScale("stop.png", 24, 24, true)

2. 初始化一个GtkImage组件并添加到父容器：

statusImage, _ := gtk.ImageNewFromPixbuf(playPixbuf)
parentBox.PackStart(statusImage, false, false, 0)

3. 状态切换时直接替换图片：

// 切换到停止状态
statusImage.SetPixbuf(stopPixbuf)
// 切换到播放状态
statusImage.SetPixbuf(playPixbuf)

这种方式无需处理组件显示隐藏逻辑，同一位置直接替换，完全无空间浪费。

方案2：使用GtkBox配合Show/Hide（需触发重绘） #

如果坚持使用两个独立Image组件，需要在调用Hide()后触发父容器重新布局：

1. 创建两个Image组件并添加到同一个父Box：

playImg, _ := gtk.ImageNewFromFile("play.png")
stopImg, _ := gtk.ImageNewFromFile("stop.png")
// 默认显示播放图标，隐藏停止图标
stopImg.Hide()
parentBox.PackStart(playImg, false, false, 0)
parentBox.PackStart(stopImg, false, false, 0)

2. 状态切换时切换显示状态，并触发父容器重绘：

// 切换到停止状态
playImg.Hide()
stopImg.Show()
parentBox.QueueResize() // 关键：强制父容器重新计算布局，释放隐藏组件的空间

你之前调用Hide()无效，大概率是没触发父容器重绘，QueueResize()会让GTK重新计算布局，隐藏的组件就不会再占用空间。

方案3：使用GtkStack（GTK官方推荐的组件切换容器） #

GtkStack是专门用于同一位置切换不同组件的容器，自动处理显示隐藏和布局：

1. 创建GtkStack并添加两个图标组件：

stack, _ := gtk.StackNew()
playImg, _ := gtk.ImageNewFromFile("play.png")
stopImg, _ := gtk.ImageNewFromFile("stop.png")
stack.AddNamed(playImg, "play")
stack.AddNamed(stopImg, "stop")
// 默认显示播放图标
stack.SetVisibleChildName("play")
parentBox.PackStart(stack, false, false, 0)

2. 状态切换时直接切换显示的子组件：

// 切换到停止状态
stack.SetVisibleChildName("stop")
// 切换到播放状态
stack.SetVisibleChildName("play")

这种方式无需手动处理布局，GTK会自动隐藏未选中的组件，且不占用任何空间，适合复杂的组件切换场景。

关于CSS的补充说明 #

GTK的CSS不支持display:none，要实现隐藏且不占空间的效果，应该使用visibility: collapse属性，比如：

.hidden {
    visibility: collapse;
}

然后通过image.AddClass("hidden")或image.RemoveClass("hidden")来切换，但这种方式不如前面几种方案直接。

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