egui_dnd 0.15.0

A drag and drop library for egui
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

use eframe::{egui, NativeOptions};

use egui::{CentralPanel, Frame, Label, Panel, ScrollArea, Ui, Vec2, Widget};
use egui_dnd::dnd;

pub fn main() -> eframe::Result<()> {
    let mut items: Vec<_> = (1..1000).collect();

    let mut example = "wrapping";

    eframe::run_ui_native(
        "DnD Simple Example",
        NativeOptions::default(),
        move |ui, _frame| {
            Panel::bottom("bottom_panel").show_inside(ui, |ui| {
                ui.horizontal(|ui| {
                    ui.label(format!(
                        "Sorted: {:?}",
                        items
                            .iter()
                            .enumerate()
                            .all(|(i, item)| i == *item as usize - 1)
                    ));
                });
            });

            CentralPanel::default().show_inside(ui, |ui| {
                ui.style_mut().animation_time = 0.15;

                ui.spacing_mut().item_spacing.y = ui.spacing().item_spacing.x;
                ui.horizontal(|ui| {
                    ui.selectable_value(&mut example, "wrapping", "wrapping");
                    ui.selectable_value(&mut example, "scrolling", "scrolling");
                });

                let av_width = ui.available_width() - ui.spacing().item_spacing.x;
                let columns = (av_width / 100.0).ceil() as usize;
                let width = av_width / columns as f32;
                let size = Vec2::new(width, width) - ui.spacing().item_spacing;

                let content = |ui: &mut Ui, items: &mut [i32]| {
                    dnd(ui, "dnd_example").show_vec_sized(
                        items,
                        size,
                        |ui, item, handle, _state| {
                            Frame::NONE
                                .fill(ui.visuals().faint_bg_color)
                                .show(ui, |ui| {
                                    handle.ui_sized(ui, size, |ui| {
                                        // ui.label("drag");
                                        ui.set_width(ui.available_width());
                                        ui.set_height(ui.available_height());
                                        ui.centered_and_justified(|ui| {
                                            Label::new(item.to_string()).ui(ui);
                                        });
                                    });
                                });
                        },
                    );
                };

                if example == "wrapping" {
                    ScrollArea::vertical().show(ui, |ui| {
                        ui.set_width(ui.available_width());
                        ui.horizontal_wrapped(|ui| {
                            content(ui, &mut items);
                        });
                    });
                } else {
                    ScrollArea::horizontal().show(ui, |ui| {
                        ui.set_height(ui.available_height());
                        ui.horizontal(|ui| {
                            content(ui, &mut items);
                        });
                    });
                }
            });
        },
    )
}