WIP

crates/viewer/re_view_graph/src/ui/draw.rs

@@ -44,6 +44,22 @@ pub struct CircleLabel {
     color: Option<Color32>,
 }
 
+#[derive(Debug, Copy, Clone, PartialEq, Eq)]
+pub enum LevelOfDetail {
+    Full,
+    Low,
+}
+
+impl LevelOfDetail {
+    pub fn from_scaling(zoom: f32) -> Self {
+        if zoom < 0.25 {
+            Self::Low
+        } else {
+            Self::Full
+        }
+    }
+}
+
 impl DrawableLabel {
     pub fn size(&self) -> Vec2 {
         match self {
@@ -137,12 +153,38 @@ fn draw_text_label(ui: &mut Ui, label: &TextLabel, highlight: InteractionHighlig
         .inner
 }
 
+fn draw_rect_label(ui: &mut Ui, label: &TextLabel, highlight: InteractionHighlight) -> Response {
+    let TextLabel { galley, frame } = label;
+    let visuals = &ui.style().visuals;
+
+    let bg = match highlight.hover {
+        HoverHighlight::None => visuals.widgets.noninteractive.bg_fill,
+        HoverHighlight::Hovered => visuals.widgets.hovered.bg_fill,
+    };
+
+    let stroke = match highlight.selection {
+        SelectionHighlight::Selection => visuals.selection.stroke,
+        _ => Stroke::new(1.0, visuals.text_color()),
+    };
+
+    frame
+        .stroke(stroke)
+        .fill(bg)
+        .show(ui, |ui| {
+            let (resp, painter) = ui.allocate_painter(galley.rect.size(), Sense::click());
+            painter.rect_filled(galley.rect, 0.0, Color32::RED);
+            resp
+        })
+        .inner
+}
+
 /// Draws a node at the given position.
 fn draw_node(
     ui: &mut Ui,
     center: Pos2,
     node: &DrawableLabel,
     highlight: InteractionHighlight,
+    lod: LevelOfDetail,
 ) -> Response {
     let builder = UiBuilder::new()
         .max_rect(Rect::from_center_size(center, node.size()))
@@ -152,7 +194,10 @@ fn draw_node(
 
     match node {
         DrawableLabel::Circle(label) => draw_circle_label(&mut node_ui, label, highlight),
-        DrawableLabel::Text(label) => draw_text_label(&mut node_ui, label, highlight),
+        DrawableLabel::Text(label) if lod == LevelOfDetail::Full => {
+            draw_text_label(&mut node_ui, label, highlight)
+        }
+        DrawableLabel::Text(label) => draw_rect_label(&mut node_ui, label, highlight),
     };
 
     node_ui.response()
@@ -281,6 +326,7 @@ pub fn draw_graph(
     graph: &Graph,
     layout: &Layout,
     query: &ViewQuery<'_>,
+    lod: LevelOfDetail,
 ) -> Rect {
     let entity_path = graph.entity();
     let entity_highlights = query.highlights.entity_highlight(entity_path.hash());
@@ -294,7 +340,7 @@ pub fn draw_graph(
         let response = match node {
             Node::Explicit { instance, .. } => {
                 let highlight = entity_highlights.index_highlight(instance.instance_index);
-                let mut response = draw_node(ui, center, node.label(), highlight);
+                let mut response = draw_node(ui, center, node.label(), highlight, lod);
 
                 let instance_path =
                     InstancePath::instance(entity_path.clone(), instance.instance_index);
@@ -322,7 +368,7 @@ pub fn draw_graph(
                 response
             }
             Node::Implicit { graph_node, .. } => {
-                draw_node(ui, center, node.label(), Default::default()).on_hover_text(format!(
+                draw_node(ui, center, node.label(), Default::default(), lod).on_hover_text(format!(
                     "Implicit node {} created via a reference in a GraphEdge component",
                     graph_node.as_str(),
                 ))

crates/viewer/re_view_graph/src/ui/mod.rs

@@ -2,6 +2,6 @@ mod draw;
 mod selection;
 mod state;
 
-pub use draw::{draw_debug, draw_graph, DrawableLabel};
+pub use draw::{draw_debug, draw_graph, DrawableLabel, LevelOfDetail};
 pub use selection::view_property_force_ui;
 pub use state::GraphViewState;

crates/viewer/re_view_graph/src/view.rs

@@ -28,7 +28,7 @@ use re_viewport_blueprint::ViewProperty;
 use crate::{
     graph::Graph,
     layout::{ForceLayoutParams, LayoutRequest},
-    ui::{draw_debug, draw_graph, view_property_force_ui, GraphViewState},
+    ui::{draw_debug, draw_graph, view_property_force_ui, GraphViewState, LevelOfDetail},
     visualizers::{merge, EdgesVisualizer, NodeVisualizer},
 };
 
@@ -198,11 +198,13 @@ Display a graph of nodes and edges.
             }
         }
 
+        let level_of_detail = LevelOfDetail::from_scaling(ui_from_world.scaling);
+
         let resp = zoom_pan_area(ui, rect_in_ui, ui_from_world, |ui| {
             let mut world_bounding_rect = egui::Rect::NOTHING;
 
             for graph in &graphs {
-                let graph_rect = draw_graph(ui, ctx, graph, layout, query);
+                let graph_rect = draw_graph(ui, ctx, graph, layout, query, level_of_detail);
                 world_bounding_rect = world_bounding_rect.union(graph_rect);
             }