From 98fa2a39bc87f6857ec38173d45b1801088099cd Mon Sep 17 00:00:00 2001 From: Cosimo Cecchi Date: Thu, 24 May 2012 14:14:17 -0400 Subject: [PATCH] gtk-demo: add a test for a CSS accordion --- demos/gtk-demo/Makefile.am | 2 + demos/gtk-demo/brick.png | Bin 0 -> 11104 bytes demos/gtk-demo/css_accordion.c | 77 ++++++++++++++++++++++++++++++ demos/gtk-demo/css_accordion.css | 52 ++++++++++++++++++++ demos/gtk-demo/demo.gresource.xml | 3 ++ 5 files changed, 134 insertions(+) create mode 100644 demos/gtk-demo/brick.png create mode 100644 demos/gtk-demo/css_accordion.c create mode 100644 demos/gtk-demo/css_accordion.css diff --git a/demos/gtk-demo/Makefile.am b/demos/gtk-demo/Makefile.am index 7ef52f7109..52e38df068 100644 --- a/demos/gtk-demo/Makefile.am +++ b/demos/gtk-demo/Makefile.am @@ -15,6 +15,7 @@ demos = \ clipboard.c \ colorsel.c \ combobox.c \ + css_accordion.c \ css_basics.c \ dialog.c \ drawingarea.c \ @@ -113,6 +114,7 @@ RESOURCES= application.ui \ theming.ui \ gtk-logo-24.png \ gtk-logo-48.png \ + css_accordion.css \ css_basics.css \ fancy.css \ reset.css diff --git a/demos/gtk-demo/brick.png b/demos/gtk-demo/brick.png new file mode 100644 index 0000000000000000000000000000000000000000..e5ea7792c9e673b89e0d97282520b91d46225b74 GIT binary patch literal 11104 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 mIhHkEC-%On3{Ctt;Qs;ZVcbd~GDB$q0000#%G9 literal 0 HcmV?d00001 diff --git a/demos/gtk-demo/css_accordion.c b/demos/gtk-demo/css_accordion.c new file mode 100644 index 0000000000..c101061836 --- /dev/null +++ b/demos/gtk-demo/css_accordion.c @@ -0,0 +1,77 @@ +/* CSS Theming/CSS Accordion + * + * A simple accordion demo written using CSS transitions and multiple backgrounds + * + */ + +#include + +static GtkWidget *window = NULL; + +static void +apply_css (GtkWidget *widget, GtkStyleProvider *provider) +{ + gtk_style_context_add_provider (gtk_widget_get_style_context (widget), provider, G_MAXUINT); + if (GTK_IS_CONTAINER (widget)) + gtk_container_forall (GTK_CONTAINER (widget), (GtkCallback) apply_css, provider); +} + +GtkWidget * +do_css_accordion (GtkWidget *do_widget) +{ + if (!window) + { + GtkWidget *container, *child; + GtkStyleProvider *provider; + GBytes *bytes; + gsize data_size; + const guint8 *data; + + window = gtk_window_new (GTK_WINDOW_TOPLEVEL); + gtk_window_set_transient_for (GTK_WINDOW (window), GTK_WINDOW (do_widget)); + gtk_window_set_default_size (GTK_WINDOW (window), 600, 300); + g_signal_connect (window, "destroy", + G_CALLBACK (gtk_widget_destroyed), &window); + + container = gtk_box_new (GTK_ORIENTATION_HORIZONTAL, 0); + gtk_widget_set_halign (container, GTK_ALIGN_CENTER); + gtk_widget_set_valign (container, GTK_ALIGN_CENTER); + gtk_container_add (GTK_CONTAINER (window), container); + + child = gtk_button_new_with_label ("This"); + gtk_container_add (GTK_CONTAINER (container), child); + + child = gtk_button_new_with_label ("Is"); + gtk_container_add (GTK_CONTAINER (container), child); + + child = gtk_button_new_with_label ("A"); + gtk_container_add (GTK_CONTAINER (container), child); + + child = gtk_button_new_with_label ("CSS"); + gtk_container_add (GTK_CONTAINER (container), child); + + child = gtk_button_new_with_label ("Accordion"); + gtk_container_add (GTK_CONTAINER (container), child); + + child = gtk_button_new_with_label (":-)"); + gtk_container_add (GTK_CONTAINER (container), child); + + provider = GTK_STYLE_PROVIDER (gtk_css_provider_new ()); + bytes = g_resources_lookup_data ("/css_accordion/gtk.css", 0, NULL); + data = g_bytes_get_data (bytes, &data_size); + + gtk_css_provider_load_from_data (GTK_CSS_PROVIDER (provider), data, data_size, NULL); + + apply_css (window, provider); + } + + if (!gtk_widget_get_visible (window)) + gtk_widget_show_all (window); + else + { + gtk_widget_destroy (window); + window = NULL; + } + + return window; +} diff --git a/demos/gtk-demo/css_accordion.css b/demos/gtk-demo/css_accordion.css new file mode 100644 index 0000000000..ffca895b08 --- /dev/null +++ b/demos/gtk-demo/css_accordion.css @@ -0,0 +1,52 @@ +@import url("reset.css"); + +* { + transition-property: color, background-color, border-color, background-image, padding, border-width; + transition-duration: 1s; + + font: Cantarell 20px; +} + +GtkWindow { + background: linear-gradient(153deg, #151515, #151515 5px, transparent 5px) 0 0, + linear-gradient(333deg, #151515, #151515 5px, transparent 5px) 10px 5px, + linear-gradient(153deg, #222, #222 5px, transparent 5px) 0 5px, + linear-gradient(333deg, #222, #222 5px, transparent 5px) 10px 10px, + linear-gradient(90deg, #1b1b1b, #1b1b1b 10px, transparent 10px), + linear-gradient(#1d1d1d, #1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424); + background-color: #131313; + background-size: 20px 20px; +} + +.button { + color: black; + background-color: #bbb; + border-style: solid; + border-width: 2px 0 2px 2px; + border-color: #333; + + padding: 12px 4px; +} + +.button:first-child { + border-radius: 5px 0 0 5px; +} + +.button:last-child { + border-radius: 0 5px 5px 0; + border-width: 2px; +} + +.button:hover { + padding: 12px 48px; + background-color: #4870bc; +} + +.button *:hover { + color: white; +} + +.button:hover:active, +.button:active { + background-color: #993401; +} \ No newline at end of file diff --git a/demos/gtk-demo/demo.gresource.xml b/demos/gtk-demo/demo.gresource.xml index 67aeff4f1b..fa090f5e9d 100644 --- a/demos/gtk-demo/demo.gresource.xml +++ b/demos/gtk-demo/demo.gresource.xml @@ -11,6 +11,9 @@ reset.css + + css_accordion.css + css_basics.css