Gtk.FlowBox

g Atk.ImplementorIface Atk.ImplementorIface Gtk.Widget Gtk.Widget Atk.ImplementorIface->Gtk.Widget GObject.GInterface GObject.GInterface GObject.GInterface->Atk.ImplementorIface Gtk.Buildable Gtk.Buildable GObject.GInterface->Gtk.Buildable Gtk.Orientable Gtk.Orientable GObject.GInterface->Gtk.Orientable GObject.InitiallyUnowned GObject.InitiallyUnowned GObject.InitiallyUnowned->Gtk.Widget GObject.Object GObject.Object GObject.Object->GObject.InitiallyUnowned Gtk.Buildable->Gtk.Widget Gtk.Container Gtk.Container Gtk.FlowBox Gtk.FlowBox Gtk.Container->Gtk.FlowBox Gtk.Orientable->Gtk.FlowBox Gtk.Widget->Gtk.Container

Example

../_images/FlowBox.png
Subclasses:None

Methods

Inherited:Gtk.Container (35), Gtk.Widget (278), GObject.Object (37), Gtk.Buildable (10), Gtk.Orientable (2)
Structs:Gtk.ContainerClass (5), Gtk.WidgetClass (12), GObject.ObjectClass (5)
class new ()
  bind_model (model, create_widget_func, *user_data)
  get_activate_on_single_click ()
  get_child_at_index (idx)
  get_child_at_pos (x, y)
  get_column_spacing ()
  get_homogeneous ()
  get_max_children_per_line ()
  get_min_children_per_line ()
  get_row_spacing ()
  get_selected_children ()
  get_selection_mode ()
  insert (widget, position)
  invalidate_filter ()
  invalidate_sort ()
  select_all ()
  select_child (child)
  selected_foreach (func, *data)
  set_activate_on_single_click (single)
  set_column_spacing (spacing)
  set_filter_func (filter_func, *user_data)
  set_hadjustment (adjustment)
  set_homogeneous (homogeneous)
  set_max_children_per_line (n_children)
  set_min_children_per_line (n_children)
  set_row_spacing (spacing)
  set_selection_mode (mode)
  set_sort_func (sort_func, *user_data)
  set_vadjustment (adjustment)
  unselect_all ()
  unselect_child (child)

Properties

Inherited:Gtk.Container (3), Gtk.Widget (39), Gtk.Orientable (1)
Name Type Flags Short Description
activate-on-single-click bool r/w/en Activate row on a single click
column-spacing int r/w/en The amount of horizontal space between two children
homogeneous bool r/w/en Whether the children should all be the same size
max-children-per-line int r/w/en The maximum amount of children to request space for consecutively in the given orientation.
min-children-per-line int r/w/en The minimum number of children to allocate consecutively in the given orientation.
row-spacing int r/w/en The amount of vertical space between two children
selection-mode Gtk.SelectionMode r/w/en The selection mode

Style Properties

Inherited:Gtk.Widget (17)

Signals

Inherited:Gtk.Container (4), Gtk.Widget (69), GObject.Object (1)
Name Short Description
activate-cursor-child The ::activate-cursor-child signal is a keybinding signal which gets emitted when the user activates the box.
child-activated The ::child-activated signal is emitted when a child has been activated by the user.
move-cursor The ::move-cursor signal is a keybinding signal which gets emitted when the user initiates a cursor movement.
select-all The ::select-all signal is a keybinding signal which gets emitted to select all children of the box, if the selection mode permits it.
selected-children-changed The ::selected-children-changed signal is emitted when the set of selected children changes.
toggle-cursor-child The ::toggle-cursor-child signal is a keybinding signal which toggles the selection of the child that has the focus.
unselect-all The ::unselect-all signal is a keybinding signal which gets emitted to unselect all children of the box, if the selection mode permits it.

Fields

Inherited:Gtk.Container (4), Gtk.Widget (69), GObject.Object (1)
Name Type Access Description
container Gtk.Container r  

Class Details

class Gtk.FlowBox(**kwargs)
Bases:Gtk.Container, Gtk.Orientable
Abstract:No
Structure:Gtk.FlowBoxClass

A Gtk.FlowBox positions child widgets in sequence according to its orientation.

For instance, with the horizontal orientation, the widgets will be arranged from left to right, starting a new row under the previous row when necessary. Reducing the width in this case will require more rows, so a larger height will be requested.

Likewise, with the vertical orientation, the widgets will be arranged from top to bottom, starting a new column to the right when necessary. Reducing the height will require more columns, so a larger width will be requested.

The size request of a Gtk.FlowBox alone may not be what you expect; if you need to be able to shrink it along both axes and dynamically reflow its children, you may have to wrap it in a Gtk.ScrolledWindow to enable that.

The children of a Gtk.FlowBox can be dynamically sorted and filtered.

Although a Gtk.FlowBox must have only Gtk.FlowBoxChild children, you can add any kind of widget to it via Gtk.Container.add(), and a Gtk.FlowBoxChild widget will automatically be inserted between the box and the widget.

Also see Gtk.ListBox.

Gtk.FlowBox was added in GTK+ 3.12.

CSS nodes
flowbox
├── flowboxchild
│   ╰── <child>
├── flowboxchild
│   ╰── <child>
┊
╰── [rubberband]

Gtk.FlowBox uses a single CSS node with name flowbox. Gtk.FlowBoxChild uses a single CSS node with name flowboxchild. For rubberband selection, a subnode with name rubberband is used.

classmethod new()[source]
Returns:a new Gtk.FlowBox container
Return type:Gtk.Widget

Creates a Gtk.FlowBox.

New in version 3.12.

bind_model(model, create_widget_func, *user_data)[source]
Parameters:

Binds model to self.

If self was already bound to a model, that previous binding is destroyed.

The contents of self are cleared and then filled with widgets that represent items from model. self is updated whenever model changes. If model is None, self is left empty.

It is undefined to add or remove widgets directly (for example, with Gtk.FlowBox.insert() or Gtk.Container.add()) while self is bound to a model.

Note that using a model is incompatible with the filtering and sorting functionality in Gtk.FlowBox. When using a model, filtering and sorting should be implemented by the model.

New in version 3.18.

get_activate_on_single_click()[source]
Returns:True if children are activated on single click, False otherwise
Return type:bool

Returns whether children activate on single clicks.

New in version 3.12.

get_child_at_index(idx)[source]
Parameters:idx (int) – the position of the child
Returns:the child widget, which will always be a Gtk.FlowBoxChild or None in case no child widget with the given index exists.
Return type:Gtk.FlowBoxChild or None

Gets the nth child in the self.

New in version 3.12.

get_child_at_pos(x, y)[source]
Parameters:
  • x (int) – the x coordinate of the child
  • y (int) – the y coordinate of the child
Returns:

the child widget, which will always be a Gtk.FlowBoxChild or None in case no child widget exists for the given x and y coordinates.

Return type:

Gtk.FlowBoxChild or None

Gets the child in the (x, y) position.

New in version 3.22.6.

get_column_spacing()[source]
Returns:the horizontal spacing
Return type:int

Gets the horizontal spacing.

New in version 3.12.

get_homogeneous()[source]
Returns:True if the box is homogeneous.
Return type:bool

Returns whether the box is homogeneous (all children are the same size). See Gtk.Box.set_homogeneous().

New in version 3.12.

get_max_children_per_line()[source]
Returns:the maximum number of children per line
Return type:int

Gets the maximum number of children per line.

New in version 3.12.

get_min_children_per_line()[source]
Returns:the minimum number of children per line
Return type:int

Gets the minimum number of children per line.

New in version 3.12.

get_row_spacing()[source]
Returns:the vertical spacing
Return type:int

Gets the vertical spacing.

New in version 3.12.

get_selected_children()[source]
Returns:A GLib.List containing the Gtk.Widget for each selected child. Free with g_list_free() when done.
Return type:[Gtk.FlowBoxChild]

Creates a list of all selected children.

New in version 3.12.

get_selection_mode()[source]
Returns:the Gtk.SelectionMode
Return type:Gtk.SelectionMode

Gets the selection mode of self.

New in version 3.12.

insert(widget, position)[source]
Parameters:

Inserts the widget into self at position.

If a sort function is set, the widget will actually be inserted at the calculated position and this function has the same effect as Gtk.Container.add().

If position is -1, or larger than the total number of children in the self, then the widget will be appended to the end.

New in version 3.12.

invalidate_filter()[source]

Updates the filtering for all children.

Call this function when the result of the filter function on the self is changed due ot an external factor. For instance, this would be used if the filter function just looked for a specific search term, and the entry with the string has changed.

New in version 3.12.

invalidate_sort()[source]

Updates the sorting for all children.

Call this when the result of the sort function on self is changed due to an external factor.

New in version 3.12.

select_all()[source]

Select all children of self, if the selection mode allows it.

New in version 3.12.

select_child(child)[source]
Parameters:child (Gtk.FlowBoxChild) – a child of self

Selects a single child of self, if the selection mode allows it.

New in version 3.12.

selected_foreach(func, *data)[source]
Parameters:

Calls a function for each selected child.

Note that the selection cannot be modified from within this function.

New in version 3.12.

set_activate_on_single_click(single)[source]
Parameters:single (bool) – True to emit child-activated on a single click

If single is True, children will be activated when you click on them, otherwise you need to double-click.

New in version 3.12.

set_column_spacing(spacing)[source]
Parameters:spacing (int) – the spacing to use

Sets the horizontal space to add between children. See the Gtk.FlowBox :column-spacing property.

New in version 3.12.

set_filter_func(filter_func, *user_data)[source]
Parameters:

By setting a filter function on the self one can decide dynamically which of the children to show. For instance, to implement a search function that only shows the children matching the search terms.

The filter_func will be called for each child after the call, and it will continue to be called each time a child changes (via Gtk.FlowBoxChild.changed()) or when Gtk.FlowBox.invalidate_filter() is called.

Note that using a filter function is incompatible with using a model (see Gtk.FlowBox.bind_model()).

New in version 3.12.

set_hadjustment(adjustment)[source]
Parameters:adjustment (Gtk.Adjustment) – an adjustment which should be adjusted when the focus is moved among the descendents of container

Hooks up an adjustment to focus handling in self. The adjustment is also used for autoscrolling during rubberband selection. See Gtk.ScrolledWindow.get_hadjustment() for a typical way of obtaining the adjustment, and Gtk.FlowBox.set_vadjustment()for setting the vertical adjustment.

The adjustments have to be in pixel units and in the same coordinate system as the allocation for immediate children of the box.

New in version 3.12.

set_homogeneous(homogeneous)[source]
Parameters:homogeneous (bool) – True to create equal allotments, False for variable allotments

Sets the Gtk.FlowBox :homogeneous property of self, controlling whether or not all children of self are given equal space in the box.

New in version 3.12.

set_max_children_per_line(n_children)[source]
Parameters:n_children (int) – the maximum number of children per line

Sets the maximum number of children to request and allocate space for in self’s orientation.

Setting the maximum number of children per line limits the overall natural size request to be no more than n_children children long in the given orientation.

New in version 3.12.

set_min_children_per_line(n_children)[source]
Parameters:n_children (int) – the minimum number of children per line

Sets the minimum number of children to line up in self’s orientation before flowing.

New in version 3.12.

set_row_spacing(spacing)[source]
Parameters:spacing (int) – the spacing to use

Sets the vertical space to add between children. See the Gtk.FlowBox :row-spacing property.

New in version 3.12.

set_selection_mode(mode)[source]
Parameters:mode (Gtk.SelectionMode) – the new selection mode

Sets how selection works in self. See Gtk.SelectionMode for details.

New in version 3.12.

set_sort_func(sort_func, *user_data)[source]
Parameters:

By setting a sort function on the self, one can dynamically reorder the children of the box, based on the contents of the children.

The sort_func will be called for each child after the call, and will continue to be called each time a child changes (via Gtk.FlowBoxChild.changed()) and when Gtk.FlowBox.invalidate_sort() is called.

Note that using a sort function is incompatible with using a model (see Gtk.FlowBox.bind_model()).

New in version 3.12.

set_vadjustment(adjustment)[source]
Parameters:adjustment (Gtk.Adjustment) – an adjustment which should be adjusted when the focus is moved among the descendents of container

Hooks up an adjustment to focus handling in self. The adjustment is also used for autoscrolling during rubberband selection. See Gtk.ScrolledWindow.get_vadjustment() for a typical way of obtaining the adjustment, and Gtk.FlowBox.set_hadjustment()for setting the horizontal adjustment.

The adjustments have to be in pixel units and in the same coordinate system as the allocation for immediate children of the box.

New in version 3.12.

unselect_all()[source]

Unselect all children of self, if the selection mode allows it.

New in version 3.12.

unselect_child(child)[source]
Parameters:child (Gtk.FlowBoxChild) – a child of self

Unselects a single child of self, if the selection mode allows it.

New in version 3.12.

do_activate_cursor_child() virtual
do_child_activated(child) virtual
Parameters:child (Gtk.FlowBoxChild) –
do_move_cursor(step, count) virtual
Parameters:
Return type:

bool

do_select_all() virtual

Select all children of box, if the selection mode allows it.

New in version 3.12.

do_selected_children_changed() virtual
do_toggle_cursor_child() virtual
do_unselect_all() virtual

Unselect all children of box, if the selection mode allows it.

New in version 3.12.

Signal Details

Gtk.FlowBox.signals.activate_cursor_child(flow_box)
Signal Name:activate-cursor-child
Flags:RUN_LAST, ACTION
Parameters:flow_box (Gtk.FlowBox) – The object which received the signal

The ::activate-cursor-child signal is a keybinding signal which gets emitted when the user activates the box.

Gtk.FlowBox.signals.child_activated(flow_box, child)
Signal Name:

child-activated

Flags:

RUN_LAST

Parameters:

The ::child-activated signal is emitted when a child has been activated by the user.

Gtk.FlowBox.signals.move_cursor(flow_box, step, count)
Signal Name:

move-cursor

Flags:

RUN_LAST, ACTION

Parameters:
Returns:

True to stop other handlers from being invoked for the event. False to propagate the event further.

Return type:

bool

The ::move-cursor signal is a keybinding signal which gets emitted when the user initiates a cursor movement.

Applications should not connect to it, but may emit it with g_signal_emit_by_name() if they need to control the cursor programmatically.

The default bindings for this signal come in two variants, the variant with the Shift modifier extends the selection, the variant without the Shift modifer does not. There are too many key combinations to list them all here.

  • Arrow keys move by individual children
  • Home/End keys move to the ends of the box
  • PageUp/PageDown keys move vertically by pages
Gtk.FlowBox.signals.select_all(flow_box)
Signal Name:select-all
Flags:RUN_LAST, ACTION
Parameters:flow_box (Gtk.FlowBox) – The object which received the signal

The ::select-all signal is a keybinding signal which gets emitted to select all children of the box, if the selection mode permits it.

The default bindings for this signal is Ctrl-a.

Gtk.FlowBox.signals.selected_children_changed(flow_box)
Signal Name:selected-children-changed
Flags:RUN_FIRST
Parameters:flow_box (Gtk.FlowBox) – The object which received the signal

The ::selected-children-changed signal is emitted when the set of selected children changes.

Use Gtk.FlowBox.selected_foreach() or Gtk.FlowBox.get_selected_children() to obtain the selected children.

Gtk.FlowBox.signals.toggle_cursor_child(flow_box)
Signal Name:toggle-cursor-child
Flags:RUN_LAST, ACTION
Parameters:flow_box (Gtk.FlowBox) – The object which received the signal

The ::toggle-cursor-child signal is a keybinding signal which toggles the selection of the child that has the focus.

The default binding for this signal is Ctrl-Space.

Gtk.FlowBox.signals.unselect_all(flow_box)
Signal Name:unselect-all
Flags:RUN_LAST, ACTION
Parameters:flow_box (Gtk.FlowBox) – The object which received the signal

The ::unselect-all signal is a keybinding signal which gets emitted to unselect all children of the box, if the selection mode permits it.

The default bindings for this signal is Ctrl-Shift-a.

Property Details

Gtk.FlowBox.props.activate_on_single_click
Name:activate-on-single-click
Type:bool
Default Value:True
Flags:READABLE, WRITABLE, EXPLICIT_NOTIFY

Determines whether children can be activated with a single click, or require a double-click.

Gtk.FlowBox.props.column_spacing
Name:column-spacing
Type:int
Default Value:0
Flags:READABLE, WRITABLE, EXPLICIT_NOTIFY

The amount of horizontal space between two children.

Gtk.FlowBox.props.homogeneous
Name:homogeneous
Type:bool
Default Value:False
Flags:READABLE, WRITABLE, EXPLICIT_NOTIFY

Determines whether all children should be allocated the same size.

Gtk.FlowBox.props.max_children_per_line
Name:max-children-per-line
Type:int
Default Value:7
Flags:READABLE, WRITABLE, EXPLICIT_NOTIFY

The maximum amount of children to request space for consecutively in the given orientation.

Gtk.FlowBox.props.min_children_per_line
Name:min-children-per-line
Type:int
Default Value:0
Flags:READABLE, WRITABLE, EXPLICIT_NOTIFY

The minimum number of children to allocate consecutively in the given orientation.

Setting the minimum children per line ensures that a reasonably small height will be requested for the overall minimum width of the box.

Gtk.FlowBox.props.row_spacing
Name:row-spacing
Type:int
Default Value:0
Flags:READABLE, WRITABLE, EXPLICIT_NOTIFY

The amount of vertical space between two children.

Gtk.FlowBox.props.selection_mode
Name:selection-mode
Type:Gtk.SelectionMode
Default Value:Gtk.SelectionMode.SINGLE
Flags:READABLE, WRITABLE, EXPLICIT_NOTIFY

The selection mode used by the flow box.