From 3921a9d41c3158bb995b5162b91be65366b1cf0a Mon Sep 17 00:00:00 2001
From: Ichthyostega <prg@ichthyostega.de>
Date: Wed, 31 Jul 2019 23:56:51 +0200
Subject: [PATCH] Investigation: use a StyleContext for custom drawing

- add a separate dummy Gtk::Frame widget
- apply custom styling to that frame, by virtue of a CSS class '.experiment'
- pick up the Gtk::StyleContext of that testFrame
- use this style context to draw a custom frame onto the canvas
- control extension of that custom frame through the top margin of testFrame
---
 research/gtk-style-experiment.cpp | 35 ++++++++++++++++++++++++++-----
 research/gtk-style-experiment.css |  7 +------
 2 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/research/gtk-style-experiment.cpp b/research/gtk-style-experiment.cpp
index 6b4c2c696..793cd1329 100644
--- a/research/gtk-style-experiment.cpp
+++ b/research/gtk-style-experiment.cpp
@@ -25,6 +25,14 @@
  ** Especially the goal is to _grab some existing CSS styling_ with a Gtk::StyleContext
  ** and use this for custom drawing. Within Lumiera, we use custom drawing for some parts
  ** of the Timeline UI presentation.
+ ** 
+ ** ## Setup for investigation
+ ** - add a separate dummy Gtk::Frame widget as `testFrame_`
+ ** - apply custom styling to that frame, by virtue of a CSS class '.experiment'
+ ** - pick up the Gtk::StyleContext of that `testFrame_`
+ ** - use this style context to draw a custom frame onto the canvas
+ ** - control extension of that custom drawing through the top margin CSS setting of testFrame_
+ ** 
  ** @see stage::timeline::BodyCanvasWidget
  */
 
@@ -89,13 +97,14 @@ namespace research {
       Gtk::Button button_1_;
       Gtk::Button button_2_;
       Gtk::CheckButton toggleDraw_;
+      Gtk::Frame testFrame_;
       Gtk::Frame frame_;
       Gtk::ScrolledWindow scroller_;
       
       PStyleContext pStyle_;
       Canvas canvas_;
       
-      PStyleContext setupStyle();
+      PStyleContext setupStyle(Gtk::Widget const&);
       
       void experiment_1();
       void experiment_2();
@@ -108,6 +117,7 @@ namespace research {
     : Box{}
     , twoParts_{Gtk::ORIENTATION_VERTICAL}
     , buttons_{}
+    , testFrame_{"testFrame"}
     , frame_{"Gtk::StyleContext Experiments"}
     , scroller_{}
     , pStyle_{}
@@ -133,6 +143,10 @@ namespace research {
                   mem_fun(*this, &StyleTestPanel::experiment_2));
       buttons_.add(button_2_);
       
+      // a Gtk::Frame widget used as source for our StyleContext
+      testFrame_.get_style_context()->add_class(CLASS_experiment);
+      buttons_.add(testFrame_);
+      
       toggleDraw_.set_label("draw");
       toggleDraw_.signal_clicked().connect(
                   [this]() {
@@ -149,8 +163,7 @@ namespace research {
       scroller_.set_border_width(10);
       scroller_.add(canvas_);
       
-      frame_.get_style_context()->add_class(CLASS_experiment);
-      pStyle_ = setupStyle();
+      pStyle_ = setupStyle (testFrame_);
       
       canvas_.adjustSize();
       
@@ -162,7 +175,7 @@ namespace research {
   
   
   PStyleContext
-  StyleTestPanel::setupStyle()
+  StyleTestPanel::setupStyle (Gtk::Widget const& srcWidget)
   {
     auto screen = Gdk::Screen::get_default();
     auto css_provider = Gtk::CssProvider::create();
@@ -178,7 +191,7 @@ namespace research {
     Gtk::StyleContext::add_provider_for_screen (screen, css_provider,
                                                 GTK_STYLE_PROVIDER_PRIORITY_APPLICATION);
     
-    return PStyleContext{};
+    return srcWidget.get_style_context();
   }
   
   
@@ -262,6 +275,18 @@ namespace research {
         cox->stroke();
         cox->restore();
         
+        //////////////////TEST drawing via Gtk::StyleContext
+        {
+          int marT = style_->get_margin().get_top();
+          style_->render_frame (cox
+                               ,20    // left start of the rectangle
+                               ,20    // top of the rectangle
+                               ,50    // width of the area
+                               ,marT  // height to fill
+                               );
+        }
+        //////////////////TEST drawing via Gtk::StyleContext
+        
         // cause child widgets to be redrawn
         bool event_is_handled = Gtk::Layout::on_draw(cox);
         
diff --git a/research/gtk-style-experiment.css b/research/gtk-style-experiment.css
index afee84d1f..db97e9000 100644
--- a/research/gtk-style-experiment.css
+++ b/research/gtk-style-experiment.css
@@ -28,14 +28,9 @@
  * This styling will be picked up by our custom drawing code
  */
   frame.experiment {
-    margin: 2ex 0;
+    margin: 4ex 0;
     border: 5px inset IndianRed;
     background-color: Lime;
-}
-  fork.timeline frame.timeline.ruler {
-    margin: 3ex 0;
-    border: 3px outset GoldenRod;
-    background-color: DarkCyan;
 }
   .track-slope-deep2 {
     border-width: 10px;