egui_double_slider 2.0.0

A double slider widget 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164

use eframe::{App, NativeOptions};
use egui::{SliderOrientation, Window};
use egui_double_slider::DoubleSlider;
use egui_theme_switch::global_theme_switch;

fn main() {
    let options = NativeOptions {
        viewport: egui::ViewportBuilder::default().with_inner_size([500.0, 800.0]),
        ..Default::default()
    };
    eframe::run_native(
        "Interactive Double Slider",
        options,
        Box::new(|_cc| Ok(Box::new(MyApp::default()))),
    )
    .expect("GUI failed")
}

pub struct MyApp {
    slider_f32_low: f32,
    slider_f32_high: f32,
    slider_f64_low: f64,
    slider_f64_high: f64,
    slider_i32_low: i32,
    slider_i32_high: i32,
    slider_f64_log_low: f64,
    slider_f64_log_high: f64,
    slider_vertical_low: f64,
    slider_vertical_high: f64,
}

impl Default for MyApp {
    fn default() -> Self {
        Self {
            slider_f32_low: 30.0,
            slider_f32_high: 200.0,
            slider_f64_low: 10.0,
            slider_f64_high: 150.0,
            slider_i32_low: -20,
            slider_i32_high: 40,
            slider_f64_log_low: 3e-4,
            slider_f64_log_high: 7e12,
            slider_vertical_low: 15.0,
            slider_vertical_high: 40.0,
        }
    }
}

impl App for MyApp {
    fn ui(&mut self, ui: &mut egui::Ui, _frame: &mut eframe::Frame) {
        Window::new("Interactive Double Slider")
            .anchor(egui::Align2::CENTER_CENTER, [0.0, 0.0])
            .show(ui, |ui| {
            let width = ui.available_width();

                // Display slider, linked to the same range as the plot
                ui.label("f32 values:");
                ui.add(
                    DoubleSlider::new(
                        &mut self.slider_f32_low,
                        &mut self.slider_f32_high,
                        10.0..=300.0,
                    )
                    .width(width)
                    .separation_distance(0.0),
                );
                ui.label(format!("Lower Bound: {:.2}", self.slider_f32_low));
                ui.label(format!("Upper Bound: {:.2}", self.slider_f32_high));

                ui.separator();
                ui.label("f64 values (inverted highlight):");
                ui.add(
                    DoubleSlider::new(
                        &mut self.slider_f64_low,
                        &mut self.slider_f64_high,
                        10.0..=300.0,
                    )
                    .width(width)
                    .separation_distance(10.0)
                    .invert_highlighting(true),
                );
                ui.label(format!("Lower Bound: {:.2}", self.slider_f64_low));
                ui.label(format!("Upper Bound: {:.2}", self.slider_f64_high));

                ui.separator();
                ui.label("f64 values (cannot push by dragging):");
                ui.add(
                    DoubleSlider::new(
                        &mut self.slider_f64_low,
                        &mut self.slider_f64_high,
                        10.0..=300.0,
                    )
                    .width(width)
                    .separation_distance(10.0)
                    .push_by_dragging(false),
                );
                ui.label(format!("Lower Bound: {:.2}", self.slider_f64_low));
                ui.label(format!("Upper Bound: {:.2}", self.slider_f64_high));

                ui.separator();
                ui.label("i32 values:");
                ui.add(
                    DoubleSlider::new(
                        &mut self.slider_i32_low,
                        &mut self.slider_i32_high,
                        -150..=150,
                    )
                    .width(width)
                    .separation_distance(1),
                );
                ui.label(format!("Lower Bound: {}", self.slider_i32_low));
                ui.label(format!("Upper Bound: {}", self.slider_i32_high));

                ui.separator();
                ui.label("logarithmic f64:");
                ui.add(
                    DoubleSlider::new(
                        &mut self.slider_f64_log_low,
                        &mut self.slider_f64_log_high,
                        1e-10..=1e20,
                    )
                    .width(width)
                    .vertical_scroll(false)
                    .separation_distance(1e-10)
                    .logarithmic(true)
                    .scroll_factor(0.1)
                    .zoom_factor(15.0),
                );
                ui.label(format!("Lower Bound: {:.3e}", self.slider_f64_log_low));
                ui.label(format!("Upper Bound: {:.3e}", self.slider_f64_log_high));

                ui.separator();

                ui.horizontal(|ui| {
                    let text_height = ui.text_style_height(&egui::TextStyle::Body);
                    let extra_slider_height = 50.0;

                    ui.vertical(|ui| {
                        ui.label("Vertical slider");
                        ui.add_space(extra_slider_height / 3.0);
                        ui.label(format!("Lower bound: {:.2}", self.slider_vertical_high));
                        ui.add_space(extra_slider_height / 3.0);
                        ui.label(format!("Lower bound: {:.2}", self.slider_vertical_low));
                        ui.add_space(extra_slider_height / 3.0);
                    });

                    let vertical_slider_height = text_height * 3.0 + extra_slider_height;
                    ui.add(
                        DoubleSlider::new(
                            &mut self.slider_vertical_low,
                            &mut self.slider_vertical_high,
                            0.0..=50.0,
                        )
                        .size(vertical_slider_height)
                        .orientation(SliderOrientation::Vertical),
                    );
                });

                ui.add_space(10.0);

                global_theme_switch(ui);
            });
    }
}