mirror of
https://github.com/storytold/vectorcraft.git
synced 2026-10-27 19:27:21 -06:00
113 lines
6.3 KiB
Rust
113 lines
6.3 KiB
Rust
//! The right dock: Properties | Layers | Libraries tabs, plus the collapsed icon-panel column
|
|
//! whose panels pop out to the left.
|
|
|
|
use egui::{CornerRadius, Sense, Stroke, Ui, vec2};
|
|
|
|
use crate::state::{DockTab, ICON_PANEL_GROUPS, ICON_PANELS};
|
|
use crate::theme::{self, Tokens};
|
|
use crate::{VectorcraftApp, icons, panels, widgets};
|
|
|
|
const ICON_COL: f32 = 38.0;
|
|
|
|
pub fn show(app: &mut VectorcraftApp, ui: &mut Ui) {
|
|
let t = Tokens::get(ui.ctx());
|
|
// Main tabbed group.
|
|
egui::Panel::right("dock")
|
|
.resizable(true)
|
|
.default_size(300.0)
|
|
.size_range(230.0..=520.0)
|
|
.frame(egui::Frame::NONE.fill(t.panel).stroke(Stroke::new(1.5, t.border)))
|
|
.show(ui, |ui| {
|
|
// Tab strip.
|
|
let (hdr, _) = ui.allocate_exact_size(vec2(ui.available_width(), 14.0), Sense::hover());
|
|
ui.painter().rect_filled(hdr, 0.0, t.tab_strip);
|
|
icons::paint(ui, "chevrons-right", egui::Rect::from_min_size(hdr.right_top() + vec2(-14.0, 2.0), vec2(10.0, 10.0)), t.text);
|
|
let (strip, _) = ui.allocate_exact_size(vec2(ui.available_width(), 33.0), Sense::hover());
|
|
ui.painter().rect_filled(strip, 0.0, t.tab_strip);
|
|
ui.painter().line_segment([strip.left_bottom(), strip.right_bottom()], Stroke::new(1.0, t.border));
|
|
let mut x = strip.left();
|
|
for (tab, label) in [(DockTab::Properties, "Properties"), (DockTab::Layers, "Layers"), (DockTab::Libraries, "Libraries")] {
|
|
let active = app.ui.dock_tab == tab;
|
|
let galley = ui.painter().layout_no_wrap(label.to_string(), theme::semibold(12.5), if active { t.text_strong } else { t.text_dim });
|
|
let r = egui::Rect::from_min_size(egui::pos2(x, strip.top()), vec2(galley.size().x + 24.0, strip.height() - 1.0));
|
|
let resp = ui.interact(r, ui.id().with(("docktab", label)), Sense::click());
|
|
if active {
|
|
ui.painter().rect_filled(r, 0.0, t.panel);
|
|
}
|
|
ui.painter().galley(egui::pos2(r.left() + 12.0, r.center().y - galley.size().y / 2.0), galley, t.text);
|
|
ui.painter().line_segment([r.right_top(), r.right_bottom()], Stroke::new(1.0, t.border));
|
|
if resp.clicked() {
|
|
app.ui.dock_tab = tab;
|
|
}
|
|
x = r.right();
|
|
}
|
|
icons::paint(ui, "menu", egui::Rect::from_center_size(strip.right_center() - vec2(14.0, 0.0), vec2(14.0, 14.0)), t.text_dim);
|
|
egui::Frame::NONE.inner_margin(egui::Margin { left: 12, right: 10, top: 10, bottom: 8 }).show(ui, |ui| match app.ui.dock_tab {
|
|
DockTab::Properties => {
|
|
egui::ScrollArea::vertical().id_salt("props").auto_shrink([false, false]).show(ui, |ui| panels::properties::show(app, ui));
|
|
}
|
|
DockTab::Layers => panels::layers::show(app, ui),
|
|
DockTab::Libraries => panels::libraries(app, ui),
|
|
});
|
|
});
|
|
// Collapsed icon-panel strip, left of the expanded panel group (like Illustrator's dock).
|
|
egui::Panel::right("icon_column")
|
|
.resizable(false)
|
|
.exact_size(ICON_COL)
|
|
.frame(egui::Frame::NONE.fill(t.panel).inner_margin(egui::Margin::symmetric(4, 6)).stroke(Stroke::new(1.5, t.border)))
|
|
.show(ui, |ui| {
|
|
ui.spacing_mut().item_spacing.y = 2.0;
|
|
for (gi, group) in ICON_PANEL_GROUPS.iter().enumerate() {
|
|
if gi > 0 {
|
|
let (r, _) = ui.allocate_exact_size(vec2(ui.available_width(), 7.0), Sense::hover());
|
|
ui.painter().line_segment([r.left_center() + vec2(4.0, 0.0), r.right_center() - vec2(4.0, 0.0)], Stroke::new(1.0, t.divider));
|
|
}
|
|
for id in group.iter() {
|
|
let Some((_, label, icon)) = ICON_PANELS.iter().find(|p| p.0 == *id) else { continue };
|
|
let open = app.ui.open_panel.as_deref() == Some(*id);
|
|
if widgets::icon_button(ui, icon, label, open, 30.0).clicked() {
|
|
app.ui.open_panel = if open { None } else { Some(id.to_string()) };
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/// An icon panel popped out next to the icon column.
|
|
pub fn floating_panel(app: &mut VectorcraftApp, ctx: &egui::Context) {
|
|
let Some(id) = app.ui.open_panel.clone() else { return };
|
|
let Some((_, label, _)) = ICON_PANELS.iter().find(|p| p.0 == id) else { return };
|
|
let t = Tokens::get(ctx);
|
|
let screen = ctx.content_rect();
|
|
let x = screen.right() - ICON_COL - 300.0 - 262.0;
|
|
let mut open = true;
|
|
egui::Area::new(egui::Id::new("icon-panel")).order(egui::Order::Foreground).fixed_pos(egui::pos2(x, 110.0)).show(ctx, |ui| {
|
|
egui::Frame::popup(ui.style()).fill(t.panel).corner_radius(CornerRadius::same(4)).inner_margin(egui::Margin::ZERO).show(ui, |ui| {
|
|
ui.set_width(256.0);
|
|
let (strip, _) = ui.allocate_exact_size(vec2(256.0, 26.0), Sense::hover());
|
|
ui.painter().rect_filled(strip, CornerRadius { nw: 4, ne: 4, sw: 0, se: 0 }, t.panel_darker);
|
|
let tab = egui::Rect::from_min_size(
|
|
strip.min,
|
|
vec2(ui.painter().layout_no_wrap(label.to_string(), theme::semibold(12.0), t.text).size().x + 24.0, 26.0),
|
|
);
|
|
ui.painter().rect_filled(tab, CornerRadius { nw: 4, ne: 0, sw: 0, se: 0 }, t.panel);
|
|
ui.painter().text(tab.left_center() + vec2(12.0, 0.0), egui::Align2::LEFT_CENTER, *label, theme::semibold(12.0), t.text);
|
|
let close = egui::Rect::from_center_size(strip.right_center() - vec2(13.0, 0.0), vec2(14.0, 14.0));
|
|
let cr = ui.interact(close, ui.id().with("close-panel"), Sense::click());
|
|
icons::paint(ui, "chevrons-right", close, if cr.hovered() { t.text } else { t.text_dim });
|
|
if cr.clicked() {
|
|
open = false;
|
|
}
|
|
let menu_r = egui::Rect::from_center_size(strip.right_center() - vec2(34.0, 0.0), vec2(16.0, 16.0));
|
|
panels::panel_menu(app, ui, &id, menu_r);
|
|
egui::Frame::NONE.inner_margin(egui::Margin::same(10)).show(ui, |ui| {
|
|
ui.set_width(236.0);
|
|
panels::show_icon_panel(app, ui, &id);
|
|
});
|
|
});
|
|
});
|
|
if !open {
|
|
app.ui.open_panel = None;
|
|
}
|
|
}
|