CODEWITHSUNDEEP
gtkgtk#
Weeble
Weeble

Reputation: 17950

How to create a wrapping table in GTK#

I'm trying to make a table of square buttons in GTK# with the following properties:

  1. Buttons will be added and removed one at a time.
  2. Buttons should be laid out like text on a page - left to right until no more can fit on a row, then wrapping onto the next row.
  3. If there are more buttons than will fit in the window, there should be a vertical scroll-bar.
  4. The table should be resizable. Resizing should reflow the buttons as necessary.
  5. Buttons should be of fixed size.

I started off trying to use a Table with Homogenous==true. I added a handler for SizeAllocated and in it I check if the width of the table has changed enough to add or remove a column. If it has, I removed all the buttons, updated NColumns and re-attached the buttons in the correct places. This seemed to work, but the buttons were not fixed size - they would expand to fill the horizontal space.

Next I tried turning off Homogenous and setting preferred dimensions for the buttons. A minor problem is that ideally I want to put a known-size bitmap on each button, and I would like to get the layout correct regardless of how many pixels the button adds around the bitmap, but I'm not sure how to find out the total size of the buttons to do my calculations. A more serious problem is that my application now redraws inconsistently - sometimes the button labels are off-centre or not drawn at all. I am wondering if this is because I am changing the layout in response to the wrong signal.

How should I do this instead? Is Table the right container for the job? Is there something that will do what I want out of the box? (Perhaps something more akin to "icon" or "thumbnail" view in a file browser?) What is the correct way to manipulate the layout of the window in response to changes in size?

Upvotes: 1

Views: 936

Answers (5)

hard swap
hard swap

Reputation: 69

GtkWidget flowbox = new Gtk.FlowBox would create a new table that automatically adjusts rows to mach a size that fills as much space as possible. However, it is usually used for selecting widgets and so will outline all the widgets you add to it. To disable this, you need to call flowbox.SelectionMode(NONE).

Upvotes: 3

person the human
person the human

Reputation: 405

What you are looking for is gtk_flowbox. the documentation for it is here

Upvotes: 1

unwind
unwind

Reputation: 400029

I don't believe that what you describe exists in GTK+. You might want to look into writing your own container widget though, it's not too difficult.

A good starting point might be this tutorial(link updated).

Upvotes: 2

Havoc P
Havoc P

Reputation: 8477

To do something like this you need a custom layout container. A wrap box is difficult (requires scary hacks) if done without the new height-for-width stuff in GTK+ 3.0, but it's been done.

Here are some links to past efforts that you may find useful:

GIMP also has or used to have a wrap box widget in it, which may be the same as one of the above, I'm not sure.

Upvotes: 1

ptomato
ptomato

Reputation: 57920

You might use GtkToolPalette which is available in GTK 2.20 and later.

Upvotes: 1

Related Questions