obsqrbtz/egui_knob
1
0
Fork 0
mirror of https://github.com/obsqrbtz/egui_knob.git synced 2026-04-08 20:19:17 +03:00
Code Issues Packages Projects Releases Wiki Activity

nit: cleaned up ui a bit

Browse Source
This commit is contained in:
Daniel Dada
2025-11-21 01:03:52 +03:00
parent 14a143708f
commit a2a102cdb6
7 changed files with 53 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
CHANGELOG.md
View File

@@ -2,6 +2,12 @@
All notable changes to this project will be documented in this file.
## [0.3.6] - 2025-07-15
### 🛠 Maintenance
- cleaned up io a bit
## [0.3.5] - 2025-07-15
### 🛠 Maintenance

2
Cargo.lock generated
View File

@@ -869,7 +869,7 @@ dependencies = [
[[package]]
name = "egui_knob"
version = "0.3.5"
version = "0.3.6"
dependencies = [
"eframe",
"egui",

2
Cargo.toml
View File

@@ -1,6 +1,6 @@
[package]
name = "egui_knob"
version = "0.3.5"
version = "0.3.6"
edition = "2024"
authors = ["Daniel Dada"]
description = "A simple knob widget for egui"

2
README.md
View File

@@ -27,7 +27,7 @@ To use the Knob widget in your project, add the following to your `Cargo.toml`:
[dependencies]
egui = "0.33"
eframe = "0.33"
egui_knob = "0.3.5"
egui_knob = "0.3.6"
```
## Usage

9
examples/example_knob.rs
View File

@@ -4,13 +4,13 @@ use egui_knob::{Knob, KnobStyle, LabelPosition};
fn main() -> eframe::Result<()> {
let options = eframe::NativeOptions {
viewport: egui::ViewportBuilder::default()
.with_inner_size([800.0, 600.0])
.with_title("egui_knob demo"),
.with_inner_size([600.0, 350.0])
.with_title("Knob demo"),
..Default::default()
};
eframe::run_native(
"egui_knob demo",
"Knob demo",
options,
Box::new(|_cc| Ok(Box::new(KnobDemo::default()))),
)
@@ -43,7 +43,7 @@ impl Default for KnobDemo {
impl eframe::App for KnobDemo {
fn update(&mut self, ctx: &egui::Context, _frame: &mut eframe::Frame) {
egui::CentralPanel::default().show(ctx, |ui| {
ui.heading("egui_knob demo");
ui.heading("Knob demo");
ui.separator();
ui.horizontal(|ui| {
@@ -82,7 +82,6 @@ impl eframe::App for KnobDemo {
.enumerate()
{
ui.vertical(|ui| {
ui.label(*label);
let mut knob = Knob::new(&mut self.values[i], 0.0, 1.0, *config)
.with_label(*label, LabelPosition::Bottom)
.with_background_arc(self.show_bg_arc)

BIN
scrot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 42 KiB

71
src/render.rs
View File

@@ -32,11 +32,18 @@ impl<'a> KnobRenderer<'a> {
pub fn render_knob(&self, painter: &Painter, center: Pos2, radius: f32, hovered: bool) {
let knob_color = if hovered {
self.config.colors.knob_color.linear_multiply(1.2)
self.config.colors.knob_color.linear_multiply(1.15)
} else {
self.config.colors.knob_color
};
// TODO: make an option
painter.circle_filled(
center,
radius - self.config.stroke_width / 2.0,
self.config.colors.knob_color.gamma_multiply(0.15),
);
painter.circle_stroke(
center,
radius,
@@ -50,11 +57,11 @@ impl<'a> KnobRenderer<'a> {
let angle = self.compute_angle();
match self.config.style {
KnobStyle::Wiper => {
let pointer = center + Vec2::angled(angle) * (radius * 0.7);
let pointer = center + Vec2::angled(angle) * (radius * 0.65);
painter.line_segment(
[center, pointer],
Stroke::new(
self.config.stroke_width * 1.5,
self.config.stroke_width * 1.2,
self.config.colors.line_color,
),
);
@@ -63,7 +70,7 @@ impl<'a> KnobRenderer<'a> {
let dot_pos = center + Vec2::angled(angle) * (radius * 0.7);
painter.circle_filled(
dot_pos,
self.config.stroke_width * 1.5,
self.config.stroke_width * 1.8,
self.config.colors.line_color,
);
}
@@ -73,9 +80,9 @@ impl<'a> KnobRenderer<'a> {
fn render_background_arc(&self, painter: &Painter, center: Pos2, radius: f32) {
let arc_start = self.config.min_angle;
let arc_end = self.config.max_angle;
let segments = 64;
let arc_color = self.config.colors.knob_color.gamma_multiply(0.5);
let arc_radius = radius * 0.8;
let segments = 128;
let arc_color = self.config.colors.knob_color.gamma_multiply(0.35);
let arc_radius = radius * 0.85;
let mut points = Vec::with_capacity(segments + 1);
for i in 0..=segments {
@@ -95,18 +102,23 @@ impl<'a> KnobRenderer<'a> {
* ((self.value - self.min) / (self.max - self.min)).clamp(0.0, 1.0))
as usize;
let mut fill_points = Vec::with_capacity(filled_segments + 1);
for i in 0..=filled_segments {
let t = i as f32 / segments as f32;
let angle = arc_start + (arc_end - arc_start) * t;
let pos = center + Vec2::angled(angle) * arc_radius;
fill_points.push(pos);
}
if filled_segments > 0 {
let mut fill_points = Vec::with_capacity(filled_segments + 1);
for i in 0..=filled_segments {
let t = i as f32 / segments as f32;
let angle = arc_start + (arc_end - arc_start) * t;
let pos = center + Vec2::angled(angle) * arc_radius;
fill_points.push(pos);
}
painter.add(egui::Shape::line(
fill_points,
Stroke::new(self.config.stroke_width, self.config.colors.line_color),
));
painter.add(egui::Shape::line(
fill_points,
Stroke::new(
self.config.stroke_width * 1.2,
self.config.colors.line_color,
),
));
}
}
}
@@ -114,26 +126,23 @@ impl<'a> KnobRenderer<'a> {
if let Some(label) = &self.config.label {
let label_text = format!("{}: {}", label, (self.config.label_format)(self.value));
let font_id = egui::FontId::proportional(self.config.font_size);
let label_padding = 2.0;
let label_padding = 4.0;
let (label_pos, alignment) = match self.config.label_position {
LabelPosition::Top => (
Vec2::new(
rect.center().x,
rect.min.y - self.config.label_offset + label_padding,
),
Vec2::new(rect.center().x, rect.min.y + label_padding),
Align2::CENTER_TOP,
),
LabelPosition::Bottom => (
Vec2::new(rect.center().x, rect.max.y + self.config.label_offset),
Vec2::new(rect.center().x, rect.max.y - label_padding),
Align2::CENTER_BOTTOM,
),
LabelPosition::Left => (
Vec2::new(rect.min.x - self.config.label_offset, rect.center().y),
Vec2::new(rect.min.x + label_padding, rect.center().y),
Align2::LEFT_CENTER,
),
LabelPosition::Right => (
Vec2::new(rect.max.x + self.config.label_offset, rect.center().y),
Vec2::new(rect.max.x - label_padding, rect.center().y),
Align2::RIGHT_CENTER,
),
};
@@ -149,7 +158,7 @@ impl<'a> KnobRenderer<'a> {
}
pub fn calculate_size(&self, ui: &Ui) -> Vec2 {
let knob_size = Vec2::splat(self.config.size);
let knob_size = Vec2::splat(self.config.size + self.config.stroke_width * 2.0);
let label_size = if let Some(label) = &self.config.label {
let font_id = egui::FontId::proportional(self.config.font_size);
@@ -161,16 +170,16 @@ impl<'a> KnobRenderer<'a> {
Vec2::ZERO
};
let label_padding = 2.0;
let label_padding = 8.0;
match self.config.label_position {
LabelPosition::Top | LabelPosition::Bottom => Vec2::new(
knob_size.x.max(label_size.x + label_padding * 2.0),
knob_size.y + label_size.y + label_padding * 2.0 + self.config.label_offset,
knob_size.y + label_size.y + label_padding + self.config.label_offset,
),
LabelPosition::Left | LabelPosition::Right => Vec2::new(
knob_size.x + label_size.x + label_padding * 2.0 + self.config.label_offset,
knob_size.y.max(label_size.y + label_padding * 2.0),
knob_size.x + label_size.x + label_padding + self.config.label_offset,
knob_size.y.max(label_size.y + label_padding),
),
}
}