Update example usage.

Author: brunomnsilva

CHANGELOG.md

@@ -7,7 +7,7 @@
     - Propagation of hover events to labels and arrows (can be styled);
     - 🎉 Improve edge readability (issue #43) by changing the label underlying representation to a StackPane. Labels now accept CSS styles for Pane (background) and Text (the label itself).
     - ⚠️ Fixed a regression that affected the movement of vertices.
-    - ...
+    - Other small fixes and improvements.
 
 - (2.1.0) Notable changes:
 

assets/smartgraph_realtime.gif

@@ -33,6 +33,13 @@ This should help you understand which styles you can apply.
 
 .vertex-label {
     -fx-font: bold 8pt "sans-serif";
+    -fx-padding: 5px;
+}
+
+.vertex-label:hover {
+    -fx-background-color: white;
+    -fx-background-radius: 5;
+    -fx-border-color: black;
 }
 
 .edge {
@@ -50,6 +57,17 @@ This should help you understand which styles you can apply.
 
 .edge-label {
     -fx-font: normal 5pt "sans-serif";
+    -fx-fill: white;
+    -fx-background-color: red;
+    -fx-background-radius: 0;
+    -fx-border-color: black;
+    -fx-padding: 2px;
+}
+
+.edge-label:hover {
+    -fx-font: bold 5pt "sans-serif";
+    -fx-background-radius: 5;
+    -fx-border-radius: 5;
 }
 
 /* Since version 2.0.0-rc2 this style is cumulatively applied to arrows, after the "edge" class.

smartgraph.css

@@ -65,7 +65,7 @@ vertex.label = true
 # Edge related configurations
 #
 edge.tooltip = true
-edge.label = false
+edge.label = true
 # only makes sense if displaying a directed graph 
 edge.arrow = true
 

smartgraph.properties

@@ -81,6 +81,16 @@ public void start(Stage ignored) {
         stage.setScene(scene);
         stage.show();
 
+
+        // Programmatically define the shape of a vertex. Uncomment to test
+        /*graphView.setVertexShapeTypeProvider(new SmartShapeTypeProvider<String>() {
+            @Override
+            public String valueFor(String vertexElement) {
+                if(vertexElement.equalsIgnoreCase("V03")) return "triangle";
+                return "circle";
+            }
+        });*/
+
         /*
         IMPORTANT: Must call init() after scene is displayed, so we can have width and height values
         to initially place the vertices according to the placement strategy.
@@ -130,10 +140,10 @@ public void start(Stage ignored) {
         /* 
         Uncomment lines to test adding of new elements
          */
-        //continuously_test_adding_elements(g, graphView);
-        //stage.setOnCloseRequest(event -> {
-        //    running = false;
-        //});
+        /*continuously_test_adding_elements(g, graphView);
+        stage.setOnCloseRequest(event -> {
+            running = false;
+        });*/
     }
 
     /**
@@ -248,11 +258,11 @@ private void continuously_test_adding_elements(Graph<String, String> g, SmartGra
                     //underlying graph before styling a node immediately after.
                     graphView.updateAndWait();
 
-                    //color new vertices
-                    SmartStylableNode stylableVertex = graphView.getStylableVertex(vertexId);
-                    if(stylableVertex != null) {
-                        stylableVertex.setStyleInline("-fx-fill: orange;");
-                    }
+                    //color new vertices, uncomment
+                    //SmartStylableNode stylableVertex = graphView.getStylableVertex(vertexId);
+                    //if(stylableVertex != null) {
+                    //    stylableVertex.setStyleInline("-fx-fill: orange;");
+                    //}
                 } else {
                     Vertex<String> existing1 = get_random_vertex(g);
                     Vertex<String> existing2 = get_random_vertex(g);

src/main/java/com/brunomnsilva/smartgraph/Main.java

@@ -11,4 +11,5 @@
     exports com.brunomnsilva.smartgraph.containers;
     exports com.brunomnsilva.smartgraph.graph;
     exports com.brunomnsilva.smartgraph.graphview;
+    exports com.brunomnsilva.smartgraph.example;
 }