From e73b89c46d146406e32583716ae48f2cab71d95d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Amaury=20Br=C3=A9h=C3=A9ret?= <abreheret@gmail.com>
Date: Fri, 20 Apr 2018 15:08:39 +0200
Subject: [PATCH] Update example to move setting window in frame.

---
 example/src/canny/main.cpp | 76 ++++++++++++++++++++++++++++++--------
 1 file changed, 61 insertions(+), 15 deletions(-)

diff --git a/example/src/canny/main.cpp b/example/src/canny/main.cpp
index 68f0795..e0624c6 100644
--- a/example/src/canny/main.cpp
+++ b/example/src/canny/main.cpp
@@ -11,6 +11,61 @@ Code licensed under the MIT license, check LICENSE file.
 
 #define WINDOW_NAME	"CVUI Canny Edge"
 
+
+class Setting {
+    int  _x_setting ;
+    int  _y_setting ;
+    int  _y_delta   ;
+    int  _x_delta   ;
+    bool _is_move   ;
+    int  _width     ;
+    int  _height    ;
+    cv::String _name;
+public :
+    Setting(int x,int y,int width,int height,const char * name = "Setting") {
+        _x_setting = x;
+        _y_setting = y;
+        _y_delta = 0;
+        _x_delta = 0;
+        _is_move = false;
+        _width = width;
+        _height = height;
+        _name = name;
+    }
+
+    void begin(cv::Mat &frame) {
+        if (_is_move == false && cvui::mouse(cvui::DOWN) && cvui::mouse().inside(cv::Rect2i(_x_setting, _y_setting, _width, 20))) {
+            _x_delta = cvui::mouse().x - _x_setting;
+            _y_delta = cvui::mouse().y - _y_setting;
+            _is_move = true;
+        } else if (_is_move && cvui::mouse(cvui::IS_DOWN)) {
+            _x_setting = cvui::mouse().x - _x_delta;
+            _y_setting = cvui::mouse().y - _y_delta;
+        } else { //if (cvui::mouse(cvui::UP)) {
+            _is_move = false;
+            _x_setting = MAX(0, _x_setting);
+            _y_setting = MAX(0, _y_setting);
+            _x_setting = MIN(frame.cols-_width , _x_setting);
+            _y_setting = MIN(frame.rows-20     , _y_setting);
+        }
+        cvui::window(frame, _x_setting, _y_setting, _width, _height, _name.c_str());
+        cvui::beginRow(frame, _x_setting + 10, _y_setting + 40, _width -20, _height-20);
+        cvui::beginColumn(_width-10, _height-20);
+    }
+
+    void end() {
+        cvui::endColumn();
+        cvui::endRow();
+    }
+
+    int width() const {
+        return _width;
+    }
+    int height() const {
+        return _height;
+    }
+};
+
 int main(int argc, const char *argv[])
 {
 	cv::Mat lena = cv::imread("lena.jpg");
@@ -20,7 +75,7 @@ int main(int argc, const char *argv[])
 
 	// Init cvui and tell it to create a OpenCV window, i.e. cv::namedWindow(WINDOW_NAME).
 	cvui::init(WINDOW_NAME);
-
+    Setting setting1(10,50,200,150,"Setting1");
 	while (true) {
 		// Should we apply Canny edge?
 		if (use_canny) {
@@ -32,23 +87,14 @@ int main(int argc, const char *argv[])
 			lena.copyTo(frame);
 		}
 
-		// Render the settings window to house the checkbox
-		// and the trackbars below.
-		cvui::window(frame, 10, 50, 180, 180, "Settings");
-		
-		// Checkbox to enable/disable the use of Canny edge
-		cvui::checkbox(frame, 15, 80, "Use Canny Edge", &use_canny);
-
-		// Two trackbars to control the low and high threshold values
-		// for the Canny edge algorithm.
-		cvui::trackbar(frame, 15, 110, 165, &low_threshold, 5, 150);
-		cvui::trackbar(frame, 15, 180, 165, &high_threshold, 80, 300);
+        setting1.begin(frame);
+		    cvui::checkbox("Use Canny Edge", &use_canny);
+		    cvui::trackbar(setting1.width()-20, &low_threshold, 5, 150);
+		    cvui::trackbar(setting1.width()-20, &high_threshold, 80, 300);
+        setting1.end();
 
-		// This function must be called *AFTER* all UI components. It does
-		// all the behind the scenes magic to handle mouse clicks, etc.
 		cvui::update();
 
-		// Show everything on the screen
 		cv::imshow(WINDOW_NAME, frame);
 
 		// Check if ESC was pressed