Question

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

以下是小部件的打包方式： 1-两个图像（来自pixbuf）和Label被添加到OverlayImage中 2- Overlay Image添加到EventBox 3- EventBox被添加到FlowBox

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

在这两种情况下，窗口小部件都被删除了，但是一个空白区域保留在它的位置，点击时它是灰色的，但什么都不做 - 见图片。

如何删除此空白区域，以便下一个小部件自动落入移除小部件的位置，并使下一个小部件落入其位置等等。

这里有代码和＆＃34; removeSelectedBooksFromLibrary＆＃34;是从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

每次将子窗口小部件添加到GtkFlowBox时，流框小部件都会在其间添加隐式子窗口小部件，用于事件处理和样式目的 - 作为GtkFlowBox的文档说明： / p>

虽然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);

如果您要从GtkFlowBox删除小部件，并且只保留对您添加的子级的引用，则需要检索其父级并从GtkFlowBox中删除它：

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

从Gtk.FlowBox中删除小部件

1 个答案: