GNOME.org
 

[gnome-builder] libide-gui: add style-variant preview widget

commit 372f3cff1008a14ba375e89273a618b8cdafb372
Author: Christian Hergert <chergert redhat com>
Date:   Mon Jul 11 21:43:19 2022 -0700

    libide-gui: add style-variant preview widget
    
    This will be used by the new preferences window for app preferences.

 src/libide/gui/ide-style-variant-preview-private.h |  33 +++
 src/libide/gui/ide-style-variant-preview.c         | 226 +++++++++++++++++++++
 src/libide/gui/ide-style-variant-preview.ui        |  75 +++++++
 src/libide/gui/libide-gui.gresource.xml            |   1 +
 src/libide/gui/meson.build                         |   2 +
 5 files changed, 337 insertions(+)
---
diff --git a/src/libide/gui/ide-style-variant-preview-private.h 
b/src/libide/gui/ide-style-variant-preview-private.h
new file mode 100644
index 000000000..ed5877c71
--- /dev/null
+++ b/src/libide/gui/ide-style-variant-preview-private.h
@@ -0,0 +1,33 @@
+/* ide-style-variant-preview-private.h
+ *
+ * Copyright 2022 Christian Hergert <chergert redhat com>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ */
+
+#pragma once
+
+#include <adwaita.h>
+
+G_BEGIN_DECLS
+
+#define IDE_TYPE_STYLE_VARIANT_PREVIEW (ide_style_variant_preview_get_type())
+
+G_DECLARE_FINAL_TYPE (IdeStyleVariantPreview, ide_style_variant_preview, IDE, STYLE_VARIANT_PREVIEW, 
GtkWidget)
+
+GtkWidget *ide_style_variant_preview_new (AdwColorScheme color_scheme);
+
+G_END_DECLS
diff --git a/src/libide/gui/ide-style-variant-preview.c b/src/libide/gui/ide-style-variant-preview.c
new file mode 100644
index 000000000..3efca63cb
--- /dev/null
+++ b/src/libide/gui/ide-style-variant-preview.c
@@ -0,0 +1,226 @@
+/* ide-style-variant-preview.c
+ *
+ * Copyright 2022 Christian Hergert <unknown domain org>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ */
+
+#define G_LOG_DOMAIN "ide-style-variant-preview"
+
+#include "config.h"
+
+#include "ide-style-variant-preview-private.h"
+
+struct _IdeStyleVariantPreview
+{
+  GtkWidget parent_instance;
+
+  AdwColorScheme color_scheme;
+
+  GtkPicture *wallpaper;
+
+  AdwBin *front;
+  AdwBin *front_header;
+
+  AdwBin *back;
+  AdwBin *back_header;
+};
+
+G_DEFINE_FINAL_TYPE (IdeStyleVariantPreview, ide_style_variant_preview, GTK_TYPE_WIDGET)
+
+enum {
+  PROP_0,
+  PROP_COLOR_SCHEME,
+  N_PROPS
+};
+
+static GParamSpec *properties [N_PROPS];
+
+GtkWidget *
+ide_style_variant_preview_new (AdwColorScheme color_scheme)
+{
+  return g_object_new (IDE_TYPE_STYLE_VARIANT_PREVIEW,
+                       "color-scheme", color_scheme,
+                       NULL);
+}
+
+static void
+ide_style_variant_preview_set_color_scheme (IdeStyleVariantPreview *self,
+                                            AdwColorScheme          color_scheme)
+{
+  const char *wallpaper;
+  const char *front;
+  const char *back;
+
+  g_assert (IDE_IS_STYLE_VARIANT_PREVIEW (self));
+
+  self->color_scheme = color_scheme;
+
+  switch (color_scheme)
+    {
+    case ADW_COLOR_SCHEME_PREFER_LIGHT:
+    case ADW_COLOR_SCHEME_FORCE_LIGHT:
+      front = back = "light";
+      wallpaper = "/org/gnome/libide-gui/images/style-preview-light.png";
+      break;
+
+    case ADW_COLOR_SCHEME_PREFER_DARK:
+    case ADW_COLOR_SCHEME_FORCE_DARK:
+      front = back = "dark";
+      wallpaper = "/org/gnome/libide-gui/images/style-preview-dark.png";
+      break;
+
+    case ADW_COLOR_SCHEME_DEFAULT:
+    default:
+      front = "light";
+      back = "dark";
+      wallpaper = "/org/gnome/libide-gui/images/style-preview-default.png";
+      break;
+    }
+
+  gtk_widget_remove_css_class (GTK_WIDGET (self->front), "dark");
+  gtk_widget_remove_css_class (GTK_WIDGET (self->front), "light");
+  gtk_widget_add_css_class (GTK_WIDGET (self->front), front);
+
+  gtk_widget_remove_css_class (GTK_WIDGET (self->front_header), "dark");
+  gtk_widget_remove_css_class (GTK_WIDGET (self->front_header), "light");
+  gtk_widget_add_css_class (GTK_WIDGET (self->front_header), front);
+
+  gtk_widget_remove_css_class (GTK_WIDGET (self->back), "dark");
+  gtk_widget_remove_css_class (GTK_WIDGET (self->back), "light");
+  gtk_widget_add_css_class (GTK_WIDGET (self->back), back);
+
+  gtk_widget_remove_css_class (GTK_WIDGET (self->back_header), "dark");
+  gtk_widget_remove_css_class (GTK_WIDGET (self->back_header), "light");
+  gtk_widget_add_css_class (GTK_WIDGET (self->back_header), back);
+
+  gtk_picture_set_resource (self->wallpaper, wallpaper);
+}
+
+static void
+ide_style_variant_preview_snapshot (GtkWidget   *widget,
+                                    GtkSnapshot *snapshot)
+{
+  GTK_WIDGET_CLASS (ide_style_variant_preview_parent_class)->snapshot (widget, snapshot);
+}
+
+static void
+ide_style_variant_preview_measure (GtkWidget      *widget,
+                                   GtkOrientation  orientation,
+                                   int             for_size,
+                                   int            *minimum,
+                                   int            *natural,
+                                   int            *minimum_baseline,
+                                   int            *natural_baseline)
+{
+  GTK_WIDGET_CLASS (ide_style_variant_preview_parent_class)->measure (widget, orientation, for_size, 
minimum, natural, minimum_baseline, natural_baseline);
+
+  /* Work around GtkPicture wierdness */
+  if (orientation == GTK_ORIENTATION_VERTICAL)
+    {
+      *natural = *minimum;
+      *natural_baseline = *minimum_baseline;
+    }
+}
+
+static void
+ide_style_variant_preview_dispose (GObject *object)
+{
+  IdeStyleVariantPreview *self = (IdeStyleVariantPreview *)object;
+  GtkWidget *child;
+
+  while ((child = gtk_widget_get_first_child (GTK_WIDGET (self))))
+    gtk_widget_unparent (child);
+
+  G_OBJECT_CLASS (ide_style_variant_preview_parent_class)->dispose (object);
+}
+
+static void
+ide_style_variant_preview_get_property (GObject    *object,
+                                        guint       prop_id,
+                                        GValue     *value,
+                                        GParamSpec *pspec)
+{
+  IdeStyleVariantPreview *self = IDE_STYLE_VARIANT_PREVIEW (object);
+
+  switch (prop_id)
+    {
+    case PROP_COLOR_SCHEME:
+      g_value_set_enum (value, self->color_scheme);
+      break;
+
+    default:
+      G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
+    }
+}
+
+static void
+ide_style_variant_preview_set_property (GObject      *object,
+                                        guint         prop_id,
+                                        const GValue *value,
+                                        GParamSpec   *pspec)
+{
+  IdeStyleVariantPreview *self = IDE_STYLE_VARIANT_PREVIEW (object);
+
+  switch (prop_id)
+    {
+    case PROP_COLOR_SCHEME:
+      ide_style_variant_preview_set_color_scheme (self, g_value_get_enum (value));
+      break;
+
+    default:
+      G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
+    }
+}
+
+static void
+ide_style_variant_preview_class_init (IdeStyleVariantPreviewClass *klass)
+{
+  GObjectClass *object_class = G_OBJECT_CLASS (klass);
+  GtkWidgetClass *widget_class = GTK_WIDGET_CLASS (klass);
+
+  object_class->dispose = ide_style_variant_preview_dispose;
+  object_class->get_property = ide_style_variant_preview_get_property;
+  object_class->set_property = ide_style_variant_preview_set_property;
+
+  widget_class->snapshot = ide_style_variant_preview_snapshot;
+  widget_class->measure = ide_style_variant_preview_measure;
+
+  properties [PROP_COLOR_SCHEME] =
+    g_param_spec_enum ("color-scheme",
+                       "Color Scheme",
+                       "Color Scheme",
+                       ADW_TYPE_COLOR_SCHEME,
+                       ADW_COLOR_SCHEME_DEFAULT,
+                       (G_PARAM_READWRITE | G_PARAM_STATIC_STRINGS));
+
+  g_object_class_install_properties (object_class, N_PROPS, properties);
+
+  gtk_widget_class_set_css_name (widget_class, "stylevariantpreview");
+  gtk_widget_class_set_layout_manager_type (widget_class, GTK_TYPE_FIXED_LAYOUT);
+  gtk_widget_class_set_template_from_resource (widget_class, 
"/org/gnome/libide-gui/ui/ide-style-variant-preview.ui");
+  gtk_widget_class_bind_template_child (widget_class, IdeStyleVariantPreview, wallpaper);
+  gtk_widget_class_bind_template_child (widget_class, IdeStyleVariantPreview, back);
+  gtk_widget_class_bind_template_child (widget_class, IdeStyleVariantPreview, back_header);
+  gtk_widget_class_bind_template_child (widget_class, IdeStyleVariantPreview, front);
+  gtk_widget_class_bind_template_child (widget_class, IdeStyleVariantPreview, front_header);
+}
+
+static void
+ide_style_variant_preview_init (IdeStyleVariantPreview *self)
+{
+  gtk_widget_init_template (GTK_WIDGET (self));
+}
diff --git a/src/libide/gui/ide-style-variant-preview.ui b/src/libide/gui/ide-style-variant-preview.ui
new file mode 100644
index 000000000..2df9e4867
--- /dev/null
+++ b/src/libide/gui/ide-style-variant-preview.ui
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <template class="IdeStyleVariantPreview" parent="GtkWidget">
+    <child>
+      <object class="AdwBin">
+        <style>
+          <class name="wallpaper"/>
+        </style>
+        <property name="margin-top">2</property>
+        <property name="margin-bottom">2</property>
+        <property name="margin-start">2</property>
+        <property name="margin-end">2</property>
+        <property name="overflow">hidden</property>
+        <child>
+          <object class="GtkPicture" id="wallpaper">
+            <property name="keep-aspect-ratio">false</property>
+            <property name="width-request">164</property>
+            <property name="height-request">90</property>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwBin" id="back">
+        <style>
+          <class name="window"/>
+        </style>
+        <property name="width-request">75</property>
+        <property name="height-request">50</property>
+        <layout>
+          <property name="transform">translate(60, 15)</property>
+        </layout>
+      </object>
+    </child>
+    <child>
+      <object class="AdwBin" id="back_header">
+        <style>
+          <class name="header"/>
+        </style>
+        <property name="width-request">75</property>
+        <property name="height-request">10</property>
+        <layout>
+          <property name="transform">translate(60, 15)</property>
+        </layout>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwBin" id="front">
+        <style>
+          <class name="window"/>
+        </style>
+        <property name="width-request">75</property>
+        <property name="height-request">50</property>
+        <layout>
+          <property name="transform">translate(20, 30)</property>
+        </layout>
+      </object>
+    </child>
+    <child>
+      <object class="AdwBin" id="front_header">
+        <style>
+          <class name="header"/>
+        </style>
+        <property name="width-request">75</property>
+        <property name="height-request">10</property>
+        <layout>
+          <property name="transform">translate(20, 30)</property>
+        </layout>
+      </object>
+    </child>
+
+  </template>
+</interface>
diff --git a/src/libide/gui/libide-gui.gresource.xml b/src/libide/gui/libide-gui.gresource.xml
index 424abbf66..2c7fcb2b9 100644
--- a/src/libide/gui/libide-gui.gresource.xml
+++ b/src/libide/gui/libide-gui.gresource.xml
@@ -22,5 +22,6 @@
     <file preprocess="xml-stripblanks">ide-preferences-window.ui</file>
     <file preprocess="xml-stripblanks">ide-primary-workspace.ui</file>
     <file preprocess="xml-stripblanks">ide-run-button.ui</file>
+    <file preprocess="xml-stripblanks">ide-style-variant-preview.ui</file>
   </gresource>
 </gresources>
diff --git a/src/libide/gui/meson.build b/src/libide/gui/meson.build
index d58055cf7..6364db022 100644
--- a/src/libide/gui/meson.build
+++ b/src/libide/gui/meson.build
@@ -52,6 +52,7 @@ libide_gui_private_headers = [
   'ide-session-private.h',
   'ide-shortcut-bundle-private.h',
   'ide-shortcut-manager-private.h',
+  'ide-style-variant-preview-private.h',
 ]
 
 libide_gui_private_sources = [
@@ -68,6 +69,7 @@ libide_gui_private_sources = [
   'ide-session.c',
   'ide-shortcut-bundle.c',
   'ide-shortcut-manager.c',
+  'ide-style-variant-preview.c',
   'ide-workspace-actions.c',
 ]
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]