add slider bar

.vscode/launch.json

@@ -22,6 +22,24 @@
             "args": [],
             "cwd": "${workspaceFolder}"
         },
+        {
+            "type": "lldb",
+            "request": "launch",
+            "name": "Debug executable 'slidebar'",
+            "cargo": {
+                "args": [
+                    "build",
+                    "--bin=slidebar",
+                    "--package=slidebar"
+                ],
+                "filter": {
+                    "name": "slidebar",
+                    "kind": "bin"
+                }
+            },
+            "args": [],
+            "cwd": "${workspaceFolder}"
+        },
         {
             "type": "lldb",
             "request": "launch",

Cargo.toml

@@ -59,15 +59,17 @@ default = [
     "spinner",
     "cupertino",
     "segmented_button",
+    "num-traits"
 ]
 
 [dependencies]
-num-traits = { version = "0.2.16", optional = true }
+num-traits = {version = "0.2.16", optional = true}
 time = { version = "0.3.23", features = ["local-offset"], optional = true }
 chrono = { version = "0.4.26", optional = true }
 once_cell = { version = "1.18.0", optional = true }
 itertools = { version = "0.11.0", optional = true }
 
+
 [dependencies.iced_widget]
 git = "https://github.com/iced-rs/iced.git"
 rev = "b474a2b7a763dcde6a377cb409001a7b5285ee8d"
@@ -110,6 +112,7 @@ members = [
     "examples/context_menu",
     #"examples/WidgetIDReturn",
     "examples/segmented_button",
+    "examples/sliderbar",
 ]
 
 [workspace.dependencies.iced]
@@ -121,3 +124,4 @@ features = ["advanced", "lazy", "tokio"]
 [workspace.dependencies.iced_aw]
 path = "./"
 default-features = false
+features = ["num-traits"]

examples/sliderbar/Cargo.toml

@@ -0,0 +1,11 @@
+[package]
+name = "slidebar"
+version = "0.1.0"
+authors = ["Andrew Wheeler <[email protected]>"]
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+iced_aw.workspace = true
+iced.workspace = true

examples/sliderbar/src/main.rs

@@ -0,0 +1,57 @@
+use iced::{
+    widget::{Column, Container, Text},
+    Element, Length, Sandbox, Settings,
+};
+
+use iced_aw::SlideBar;
+
+fn main() -> iced::Result {
+    SlideBarExample::run(Settings::default())
+}
+
+#[derive(Debug, Clone)]
+enum Message {
+    SliderBarChange(u32),
+}
+
+struct SlideBarExample {
+    value: u32,
+}
+
+impl Sandbox for SlideBarExample {
+    type Message = Message;
+
+    fn new() -> Self {
+        SlideBarExample { value: 1 }
+    }
+
+    fn title(&self) -> String {
+        String::from("Slider Bar example")
+    }
+
+    fn update(&mut self, message: Message) {
+        let Message::SliderBarChange(v) = message;
+        self.value = v;
+    }
+
+    fn view(&self) -> Element<Message> {
+        let bar = SlideBar::new(0..=100, self.value, Message::SliderBarChange).width(100.0);
+
+        let content_all = Column::new()
+            .spacing(10)
+            .push(
+                Text::new(format!("Value is {}", self.value))
+                    .width(Length::Fill)
+                    .vertical_alignment(iced::alignment::Vertical::Center).horizontal_alignment(iced::alignment::Horizontal::Center),
+            )
+            .push(bar)
+            .align_items(iced::Alignment::Center);
+
+        Container::new(content_all)
+            .width(Length::Fill)
+            .height(Length::Fill)
+            .center_x()
+            .center_y()
+            .into()
+    }
+}

src/lib.rs

@@ -148,6 +148,8 @@ mod platform {
     #[cfg(feature = "spinner")]
     pub use {crate::native::spinner, crate::style::SpinnerStyle, spinner::Spinner};
 
+    pub use crate::native::SlideBar;
+
     #[doc(no_inline)]
     #[cfg(feature = "context_menu")]
     pub use {

src/native/common.rs

@@ -0,0 +1,62 @@
+//! Common types for reuse.
+//!
+
+use iced_widget::core::{Padding, Rectangle};
+
+/// Methods for creating inner bounds
+#[allow(missing_debug_implementations)]
+pub enum InnerBounds {
+    /// Create inner bounds ratio to the outer bounds
+    Ratio(f32, f32),
+    /// Create inner bounds by padding the outer bounds
+    Padding(Padding),
+    /// Create square inner bounds
+    Square(f32),
+    /// Create inner bounds with a custom function
+    Custom(Box<dyn Fn(Rectangle) -> Rectangle>),
+}
+impl InnerBounds {
+    /// Gets the inner bounds of the Set type.
+    pub fn get_bounds(&self, outer_bounds: Rectangle) -> Rectangle {
+        use InnerBounds::{Custom, Padding, Ratio, Square};
+        match self {
+            Ratio(w, h) => {
+                let width = w * outer_bounds.width;
+                let height = h * outer_bounds.height;
+                let x = outer_bounds.x + (outer_bounds.width - width) * 0.5;
+                let y = outer_bounds.y + (outer_bounds.height - height) * 0.5;
+                Rectangle {
+                    x,
+                    y,
+                    width,
+                    height,
+                }
+            }
+            Padding(p) => {
+                let x = outer_bounds.x + p.left;
+                let y = outer_bounds.y + p.top;
+                let width = outer_bounds.width - p.horizontal();
+                let height = outer_bounds.width - p.vertical();
+                Rectangle {
+                    x,
+                    y,
+                    width,
+                    height,
+                }
+            }
+            Square(l) => {
+                let width = *l;
+                let height = *l;
+                let x = outer_bounds.x + (outer_bounds.width - width) * 0.5;
+                let y = outer_bounds.y + (outer_bounds.height - height) * 0.5;
+                Rectangle {
+                    x,
+                    y,
+                    width,
+                    height,
+                }
+            }
+            Custom(f) => f(outer_bounds),
+        }
+    }
+}

src/native/mod.rs

@@ -6,6 +6,10 @@ pub use helpers::*;
 
 pub mod overlay;
 
+pub mod common;
+
+pub use common::InnerBounds;
+
 #[cfg(feature = "badge")]
 pub mod badge;
 #[cfg(feature = "badge")]
@@ -133,3 +137,7 @@ pub mod segmented_button;
 /// A badge for color highlighting small information.
 pub type SegmentedButton<'a, Message, Renderer> =
     segmented_button::SegmentedButton<'a, Message, Renderer>;
+
+pub mod slide_bar;
+
+pub use slide_bar::SlideBar;

src/native/quad.rs

@@ -7,66 +7,10 @@ use iced_widget::core::{
     mouse::Cursor,
     renderer,
     widget::Tree,
-    Color, Element, Layout, Length, Padding, Rectangle, Widget,
+    Color, Element, Layout, Length, Rectangle, Widget,
 };
 
-/// Methods for creating inner bounds
-#[allow(missing_debug_implementations)]
-pub enum InnerBounds {
-    /// Create inner bounds ratio to the outer bounds
-    Ratio(f32, f32),
-    /// Create inner bounds by padding the outer bounds
-    Padding(Padding),
-    /// Create square inner bounds
-    Square(f32),
-    /// Create inner bounds with a custom function
-    Custom(Box<dyn Fn(Rectangle) -> Rectangle>),
-}
-impl InnerBounds {
-    /// Gets the inner bounds of the Set type.
-    fn get_bounds(&self, outer_bounds: Rectangle) -> Rectangle {
-        use InnerBounds::{Custom, Padding, Ratio, Square};
-        match self {
-            Ratio(w, h) => {
-                let width = w * outer_bounds.width;
-                let height = h * outer_bounds.height;
-                let x = outer_bounds.x + (outer_bounds.width - width) * 0.5;
-                let y = outer_bounds.y + (outer_bounds.height - height) * 0.5;
-                Rectangle {
-                    x,
-                    y,
-                    width,
-                    height,
-                }
-            }
-            Padding(p) => {
-                let x = outer_bounds.x + p.left;
-                let y = outer_bounds.y + p.top;
-                let width = outer_bounds.width - p.horizontal();
-                let height = outer_bounds.width - p.vertical();
-                Rectangle {
-                    x,
-                    y,
-                    width,
-                    height,
-                }
-            }
-            Square(l) => {
-                let width = *l;
-                let height = *l;
-                let x = outer_bounds.x + (outer_bounds.width - width) * 0.5;
-                let y = outer_bounds.y + (outer_bounds.height - height) * 0.5;
-                Rectangle {
-                    x,
-                    y,
-                    width,
-                    height,
-                }
-            }
-            Custom(f) => f(outer_bounds),
-        }
-    }
-}
+use crate::native::InnerBounds;
 
 /// A dummy widget that draws a quad
 #[allow(missing_debug_implementations)]