MenuButton


Object Hierarchy:

Gtk.MenuButton Gtk.MenuButton Gtk.MenuButton Gtk.Widget Gtk.Widget Gtk.Widget->Gtk.MenuButton GLib.InitiallyUnowned GLib.InitiallyUnowned GLib.InitiallyUnowned->Gtk.Widget GLib.Object GLib.Object GLib.Object->GLib.InitiallyUnowned Gtk.Accessible Gtk.Accessible Gtk.Accessible->Gtk.MenuButton Gtk.Accessible->Gtk.Widget Gtk.Buildable Gtk.Buildable Gtk.Buildable->Gtk.MenuButton Gtk.Buildable->Gtk.Widget Gtk.ConstraintTarget Gtk.ConstraintTarget Gtk.ConstraintTarget->Gtk.MenuButton Gtk.ConstraintTarget->Gtk.Widget

Description:

[ CCode ( type_id = "gtk_menu_button_get_type ()" ) ]
public class MenuButton : Widget, Accessible, Buildable, ConstraintTarget

The `GtkMenuButton` widget is used to display a popup when clicked.

![An example GtkMenuButton](menu-button.png)

This popup can be provided either as a `GtkPopover` or as an abstract `GMenuModel`.

The `GtkMenuButton` widget can show either an icon (set with the [[email protected]:icon-name] property) or a label (set with the [ [email protected]:label] property). If neither is explicitly set, a [[email protected]] is automatically created, using an arrow image oriented according to [[email protected]:direction] or the generic “open-menu-symbolic” icon if the direction is not set.

The positioning of the popup is determined by the [[email protected]:direction] property of the menu button.

For menus, the [[email protected]:halign] and [[email protected]:valign] properties of the menu are also taken into account. For example, when the direction is gtk_arrow_down and the horizontal alignment is gtk_align_start, the menu will be positioned below the button, with the starting edge (depending on the text direction) of the menu aligned with the starting edge of the button. If there is not enough space below the button, the menu is popped up above the button instead. If the alignment would move part of the menu offscreen, it is “pushed in”.

| | start | center | end | | - | --- | --- | --- | | **down** | ![](down-start.png) | ![](down-center.png) | ![](down-end.png) | | **up** | ![](up-start.png) | ![](up-center.png) | ![](up-end.png) | | **left** | ![](left-start.png) | ![](left-center.png) | ![](left-end.png) | | **right** | ![](right-start.png) | ![](right-center.png) | ![](right-end.png) |

CSS nodes

``` menubutton ╰── button.toggle ╰── <content> ╰── [arrow] ```

`GtkMenuButton` has a single CSS node with name `menubutton` which contains a `button` node with a `.toggle` style class.

If the button contains an icon, it will have the `.image-button` style class, if it contains text, it will have `.text-button` style class. If an arrow is visible in addition to an icon, text or a custom child, it will also have `.arrow-button` style class.

Inside the toggle button content, there is an `arrow` node for the indicator, which will carry one of the `.none`, `.up`, `.down`, `.left` or `.right` style classes to indicate the direction that the menu will appear in. The CSS is expected to provide a suitable image for each of these cases using the `-gtk-icon-source` property.

Optionally, the `menubutton` node can carry the `.circular` style class to request a round appearance.

Accessibility

`GtkMenuButton` uses the gtk_accessible_role_button role.


Namespace: Gtk
Package: gtk4

Content:

Properties:

Creation methods:

Methods:

Signals:

Inherited Members:

All known members inherited from class Gtk.Widget
All known members inherited from class GLib.Object



2022 vala-language.org