从Gtk.FlowBox中删除小部件

Question

我试图通过销毁小部件从Gtk.FlowBox中删除Widget,但是有一个灰色框留在原位.任何想法我如何删除灰色框,以便相邻的小部件在删除小部件后到位.

以下是小部件的打包方式:1-两个图像(来自pixbuf)和Label被添加到OverlayImage 2-叠加图像被添加到EventBox 3- EventBox被添加到FlowBox

我尝试了以下方法:1-销毁EventBox 2-获取并销毁Overlay Image的所有子项,然后销毁OverLay Image和EventBox

在这两种情况下,小部件都被移除,但是空白区域保留在其所在的位置,单击时为灰色,但不执行任何操作 - 请参见图片.

如何删除此空白空间,以便下一个窗口小部件自动落入移除窗口小部件的位置,并使下一个窗口小部件落入其位置,依此类推.

代码在这里可用,"removeSelectedBooksFromLibrary"是从FlowBox中删除用户选择的EventBox的方法

这是从FlowBox添加小部件的代码 https://github.com/babluboy/bookworm/blob/master/src/bookworm.vala#L589

这是从FlowBox中删除小部件的代码 https://github.com/babluboy/bookworm/blob/master/src/bookworm.vala#L512

提前致谢

这是添加了解决方案的工作示例,它删除了窗口小部件及其父窗口.

public class FlowBoxIssue : Gtk.Window {

  public static int main (string[] args) {
      Gtk.init (ref args);
      FlowBoxIssue window = new FlowBoxIssue();
      window.show_all ();
      Gtk.main ();
      return 0;
  }

  public FlowBoxIssue () {
      this.title = "FlowBox Issue";
      this.window_position = Gtk.WindowPosition.CENTER;
      this.destroy.connect (Gtk.main_quit);
      this.set_default_size (800, 600);

      Gtk.FlowBox library_flowbox = new Gtk.FlowBox();
      Gtk.Box library_mainbox = new Gtk.Box (Gtk.Orientation.VERTICAL, 20);

      Gtk.ScrolledWindow library_scroll = new Gtk.ScrolledWindow (null, null);
            library_scroll.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);
            library_scroll.add (library_flowbox);

      Gtk.Overlay aOverlayImage1 = new Gtk.Overlay();
      Gtk.EventBox aEventBox1 = new Gtk.EventBox();
      Gtk.EventBox aEventBox2 = new Gtk.EventBox();
      Gtk.EventBox aEventBox3 = new Gtk.EventBox();
      try{
        Gdk.Pixbuf aBookCover1 = new Gdk.Pixbuf.from_file_at_scale("cover.png", 200, 250, false);
        Gtk.Image aCoverImage1 = new Gtk.Image.from_pixbuf(aBookCover1);

        aOverlayImage1.add(aCoverImage1);
        Gtk.Label overlayTextLabel1 = new Gtk.Label("Label 1");
        aOverlayImage1.add_overlay(overlayTextLabel1);
        aEventBox1.add(aOverlayImage1);
        library_flowbox.add (aEventBox1);
      }catch(Error e){

      }

      Gtk.Overlay aOverlayImage2 = new Gtk.Overlay();
      try{
        Gdk.Pixbuf aBookCover2 = new Gdk.Pixbuf.from_file_at_scale("cover.png", 200, 250, false);
        Gtk.Image aCoverImage2 = new Gtk.Image.from_pixbuf(aBookCover2);

        aOverlayImage2.add(aCoverImage2);
        Gtk.Label overlayTextLabel2 = new Gtk.Label("Label 2");
        aOverlayImage2.add_overlay(overlayTextLabel2);
        aEventBox2.add(aOverlayImage2);
        library_flowbox.add (aEventBox2);
      }catch(Error e){

      }

      Gtk.Overlay aOverlayImage3 = new Gtk.Overlay();
      try{
        Gdk.Pixbuf aBookCover3 = new Gdk.Pixbuf.from_file_at_scale("cover.png", 200, 250, false);
        Gtk.Image aCoverImage3 = new Gtk.Image.from_pixbuf(aBookCover3);

        aOverlayImage3.add(aCoverImage3);
        Gtk.Label overlayTextLabel3 = new Gtk.Label("Label 3");
        aOverlayImage3.add_overlay(overlayTextLabel3);
        aEventBox3.add(aOverlayImage3);
        library_flowbox.add (aEventBox3);
      }catch(Error e){

      }

      Gtk.Button delete_button = new Gtk.Button.with_label("Delete Pix");
      delete_button.clicked.connect (() => {
          //This is the line which resolved the issue - get the parent of the widget and destroy it and then destroy the widget
          aEventBox2.get_parent().destroy();
                aEventBox2.destroy();
          });

      library_mainbox.pack_start(library_scroll, true, true, 0);
      library_mainbox.pack_end(delete_button, true, false, 0);
      this.add(library_mainbox);
  }

}

Answer 1

每次向a添加子窗口小部件时GtkFlowBox,流框小部件都会在其间添加隐式子窗口小部件,用于事件处理和样式目的 - 正如GtkFlowBox的文档所述:

虽然GtkFlowBox必须只有GtkFlowBoxChild子节点,但您可以通过gtk_container_add()向其添加任何类型的小部件,并且GtkFlowBoxChild小部件将自动插入到框和小部件之间.

这意味着该行:

library_grid.add(aEventBox);

真的相当于:

var flowbox_child = new Gtk.FlowBoxChild();
flowbox_child.add(aEventBox);
library_grid.add(flowbox_child);

如果要从a中删除小部件,GtkFlowBox并且只保留对添加的子级的引用,则需要检索其父级并从以下位置删除它GtkFlowBox:

aEventBox.get_parent().destroy();
// or
library_grid.remove(aEventBox.get_parent());