AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-12-26 21:51:08 +00:00
Code Issues Projects Releases Wiki Activity
48821a64d0
gtk/demos/gtk-demo/constraints.c

290 lines
10 KiB
C
Raw Normal View History

Add an interactive constraints demo
2019-06-26 03:35:10 +00:00
/* Constraints/Simple
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
*
* GtkConstraintLayout provides a layout manager that uses relations
* between widgets (also known as "constraints") to compute the position
* and size of each child.
*/
#include <glib/gi18n.h>
#include <gtk/gtk.h>
G_DECLARE_FINAL_TYPE (SimpleGrid, simple_grid, SIMPLE, GRID, GtkWidget)
struct _SimpleGrid
{
GtkWidget parent_instance;
GtkWidget *button1, *button2;
GtkWidget *button3;
};
G_DEFINE_TYPE (SimpleGrid, simple_grid, GTK_TYPE_WIDGET)
static void
gtk-demo: Use dispose instead of destroy The destroy vfunc is going away.
2020-05-05 20:57:28 +00:00
simple_grid_dispose (GObject *object)
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
{
gtk-demo: Use dispose instead of destroy The destroy vfunc is going away.
2020-05-05 20:57:28 +00:00
SimpleGrid *self = SIMPLE_GRID (object);
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
g_clear_pointer (&self->button1, gtk_widget_destroy);
g_clear_pointer (&self->button2, gtk_widget_destroy);
g_clear_pointer (&self->button3, gtk_widget_destroy);
gtk-demo: Use dispose instead of destroy The destroy vfunc is going away.
2020-05-05 20:57:28 +00:00
G_OBJECT_CLASS (simple_grid_parent_class)->dispose (object);
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
}
static void
simple_grid_class_init (SimpleGridClass *klass)
{
gtk-demo: Use dispose instead of destroy The destroy vfunc is going away.
2020-05-05 20:57:28 +00:00
GObjectClass *object_class = G_OBJECT_CLASS (klass);
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
GtkWidgetClass *widget_class = GTK_WIDGET_CLASS (klass);
gtk-demo: Use dispose instead of destroy The destroy vfunc is going away.
2020-05-05 20:57:28 +00:00
object_class->dispose = simple_grid_dispose;
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
gtk_widget_class_set_layout_manager_type (widget_class, GTK_TYPE_CONSTRAINT_LAYOUT);
}
/* Layout:
*
constraints demo: Update comments
2019-06-29 14:15:42 +00:00
* +-------------------------------------+
* | +-----------++-------++-----------+ |
* | | Child 1 || Space || Child 2 | |
* | +-----------++-------++-----------+ |
* | +---------------------------------+ |
* | | Child 3 | |
* | +---------------------------------+ |
* +-------------------------------------+
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
*
* Constraints:
*
* super.start = child1.start - 8
* child1.width = child2.width
constraints demo: Update comments
2019-06-29 14:15:42 +00:00
* child1.end = space.start
* space.end = child2.start
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
* child2.end = super.end - 8
* super.start = child3.start - 8
* child3.end = super.end - 8
* super.top = child1.top - 8
* super.top = child2.top - 8
* child1.bottom = child3.top - 12
* child2.bottom = child3.top - 12
* child3.height = child1.height
* child3.height = child2.height
* child3.bottom = super.bottom - 8
*
constraints demo: Update comments
2019-06-29 14:15:42 +00:00
* To add some flexibility, we make the space
* stretchable:
*
* space.width >= 10
* space.width = 100
* space.width <= 200
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
*/
static void
build_constraints (SimpleGrid *self,
GtkConstraintLayout *manager)
{
Add GtkConstraintGuide This is meant to be a flexible space.
2019-06-25 23:38:32 +00:00
GtkConstraintGuide *guide;
demo: Use constraint guide api Use proper api to create and set up the guide, and also try max-width.
2019-06-27 22:06:53 +00:00
guide = gtk_constraint_guide_new ();
constraints demo: Give space a name Lets call it 'space'.
2019-06-28 22:54:28 +00:00
gtk_constraint_guide_set_name (guide, "space");
demo: Use constraint guide api Use proper api to create and set up the guide, and also try max-width.
2019-06-27 22:06:53 +00:00
gtk_constraint_guide_set_min_size (guide, 10, 10);
gtk_constraint_guide_set_nat_size (guide, 100, 10);
gtk_constraint_guide_set_max_size (guide, 200, 20);
constraint guide: Make strength tweakable The strength for the natural width can be used as a tie-breaker to make instable systems behave in a more predictable way. This can be seen in the simple constraints demo in gtk-demo.
2019-06-29 14:18:23 +00:00
gtk_constraint_guide_set_strength (guide, GTK_CONSTRAINT_STRENGTH_STRONG);
Add GtkConstraintGuide This is meant to be a flexible space.
2019-06-25 23:38:32 +00:00
gtk_constraint_layout_add_guide (manager, guide);
Make the constraints demo more interesting Add a max size to the buttons, to force the space to open up.
2019-06-26 02:35:15 +00:00
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new_constant (GTK_CONSTRAINT_TARGET (self->button1),
GTK_CONSTRAINT_ATTRIBUTE_WIDTH,
GTK_CONSTRAINT_RELATION_LE,
200.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (NULL,
GTK_CONSTRAINT_ATTRIBUTE_START,
GTK_CONSTRAINT_RELATION_EQ,
self->button1,
GTK_CONSTRAINT_ATTRIBUTE_START,
1.0,
-8.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (self->button1,
GTK_CONSTRAINT_ATTRIBUTE_WIDTH,
GTK_CONSTRAINT_RELATION_EQ,
self->button2,
GTK_CONSTRAINT_ATTRIBUTE_WIDTH,
1.0,
0.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (self->button1,
Add GtkConstraintGuide This is meant to be a flexible space.
2019-06-25 23:38:32 +00:00
GTK_CONSTRAINT_ATTRIBUTE_END,
GTK_CONSTRAINT_RELATION_EQ,
guide,
GTK_CONSTRAINT_ATTRIBUTE_START,
1.0,
0.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (guide,
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
GTK_CONSTRAINT_ATTRIBUTE_END,
GTK_CONSTRAINT_RELATION_EQ,
self->button2,
GTK_CONSTRAINT_ATTRIBUTE_START,
1.0,
Add GtkConstraintGuide This is meant to be a flexible space.
2019-06-25 23:38:32 +00:00
0.0,
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (self->button2,
GTK_CONSTRAINT_ATTRIBUTE_END,
GTK_CONSTRAINT_RELATION_EQ,
NULL,
GTK_CONSTRAINT_ATTRIBUTE_END,
1.0,
-8.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (NULL,
GTK_CONSTRAINT_ATTRIBUTE_START,
GTK_CONSTRAINT_RELATION_EQ,
self->button3,
GTK_CONSTRAINT_ATTRIBUTE_START,
1.0,
-8.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (self->button3,
GTK_CONSTRAINT_ATTRIBUTE_END,
GTK_CONSTRAINT_RELATION_EQ,
NULL,
GTK_CONSTRAINT_ATTRIBUTE_END,
1.0,
-8.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (NULL,
GTK_CONSTRAINT_ATTRIBUTE_TOP,
GTK_CONSTRAINT_RELATION_EQ,
self->button1,
GTK_CONSTRAINT_ATTRIBUTE_TOP,
1.0,
-8.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (NULL,
GTK_CONSTRAINT_ATTRIBUTE_TOP,
GTK_CONSTRAINT_RELATION_EQ,
self->button2,
GTK_CONSTRAINT_ATTRIBUTE_TOP,
1.0,
-8.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (self->button1,
GTK_CONSTRAINT_ATTRIBUTE_BOTTOM,
GTK_CONSTRAINT_RELATION_EQ,
self->button3,
GTK_CONSTRAINT_ATTRIBUTE_TOP,
1.0,
-12.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (self->button2,
GTK_CONSTRAINT_ATTRIBUTE_BOTTOM,
GTK_CONSTRAINT_RELATION_EQ,
self->button3,
GTK_CONSTRAINT_ATTRIBUTE_TOP,
1.0,
-12.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (self->button3,
GTK_CONSTRAINT_ATTRIBUTE_HEIGHT,
GTK_CONSTRAINT_RELATION_EQ,
self->button1,
GTK_CONSTRAINT_ATTRIBUTE_HEIGHT,
1.0,
0.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (self->button3,
GTK_CONSTRAINT_ATTRIBUTE_HEIGHT,
GTK_CONSTRAINT_RELATION_EQ,
self->button2,
GTK_CONSTRAINT_ATTRIBUTE_HEIGHT,
1.0,
0.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
gtk_constraint_layout_add_constraint (manager,
gtk_constraint_new (self->button3,
GTK_CONSTRAINT_ATTRIBUTE_BOTTOM,
GTK_CONSTRAINT_RELATION_EQ,
NULL,
GTK_CONSTRAINT_ATTRIBUTE_BOTTOM,
1.0,
-8.0,
GTK_CONSTRAINT_STRENGTH_REQUIRED));
}
static void
simple_grid_init (SimpleGrid *self)
{
GtkWidget *widget = GTK_WIDGET (self);
self->button1 = gtk_button_new_with_label ("Child 1");
gtk_widget_set_parent (self->button1, widget);
gtk_widget_set_name (self->button1, "button1");
self->button2 = gtk_button_new_with_label ("Child 2");
gtk_widget_set_parent (self->button2, widget);
gtk_widget_set_name (self->button2, "button2");
self->button3 = gtk_button_new_with_label ("Child 3");
gtk_widget_set_parent (self->button3, widget);
gtk_widget_set_name (self->button3, "button3");
GtkLayoutManager *manager = gtk_widget_get_layout_manager (GTK_WIDGET (self));
build_constraints (self, GTK_CONSTRAINT_LAYOUT (manager));
}
GtkWidget *
do_constraints (GtkWidget *do_widget)
{
static GtkWidget *window;
if (!window)
{
GtkWidget *header, *box, *grid, *button;
window: Remove type argument from gtk_window_new()
2020-02-14 19:55:36 +00:00
window = gtk_window_new ();
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
gtk_window_set_display (GTK_WINDOW (window), gtk_widget_get_display (do_widget));
headerbar: Remove user-settable title Use window title, or custom title widget if it's set. Remove 'title' property. Update demos and tests to set the title on the window instead of headerbar.
2020-04-30 23:04:08 +00:00
gtk_window_set_title (GTK_WINDOW (window), "Constraints");
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
header = gtk_header_bar_new ();
gtk_header_bar_set_show_title_buttons (GTK_HEADER_BAR (header), FALSE);
gtk_window_set_titlebar (GTK_WINDOW (window), header);
Stop using gtk_widget_destroyed Replace all internal use of gtk_widget_destroyed by g_object_add_weak_pointer.
2020-05-09 16:03:11 +00:00
g_object_add_weak_pointer (G_OBJECT (window), (gpointer *)&window);
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
box = gtk_box_new (GTK_ORIENTATION_VERTICAL, 12);
Use gtk_window_set_child throughout Replace all uses of gtk_container_add on windows by gtk_window_set_child.
2020-05-02 21:26:54 +00:00
gtk_window_set_child (GTK_WINDOW (window), box);
Add GtkConstraintLayout demo
2019-06-13 18:33:36 +00:00
grid = g_object_new (simple_grid_get_type (), NULL);
gtk_widget_set_hexpand (grid, TRUE);
gtk_widget_set_vexpand (grid, TRUE);
gtk_container_add (GTK_CONTAINER (box), grid);
button = gtk_button_new_with_label ("Close");
gtk_container_add (GTK_CONTAINER (box), button);
gtk_widget_set_hexpand (grid, TRUE);
g_signal_connect_swapped (button, "clicked",
G_CALLBACK (gtk_widget_destroy), window);
}
if (!gtk_widget_get_visible (window))
gtk_widget_show (window);
else
gtk_widget_destroy (window);
return window;
}
Reference in New Issue Copy Permalink