From 64fc0ffded3d4243bbe288a760319ff100d060e1 Mon Sep 17 00:00:00 2001 From: debris Date: Thu, 22 Aug 2019 15:57:18 +0200 Subject: [PATCH] migrated Image and ProgressBar widgets --- src/widget.rs | 4 ++ src/widget/image.rs | 139 +++++++++++++++++++++++++++++++++++++ src/widget/progress_bar.rs | 117 +++++++++++++++++++++++++++++++ 3 files changed, 260 insertions(+) create mode 100644 src/widget/image.rs create mode 100644 src/widget/progress_bar.rs diff --git a/src/widget.rs b/src/widget.rs index d1ad812368..17ff50b69d 100644 --- a/src/widget.rs +++ b/src/widget.rs @@ -16,13 +16,17 @@ mod row; pub mod button; pub mod checkbox; +pub mod image; +pub mod progress_bar; pub mod radio; pub mod slider; pub mod text; pub use button::Button; pub use checkbox::Checkbox; +pub use image::Image; pub use column::Column; +pub use progress_bar::ProgressBar; pub use radio::Radio; pub use row::Row; pub use slider::Slider; diff --git a/src/widget/image.rs b/src/widget/image.rs new file mode 100644 index 0000000000..f9b3a037a5 --- /dev/null +++ b/src/widget/image.rs @@ -0,0 +1,139 @@ +//! Displays image to your users. + +use crate::{ + Style, Node, Element, MouseCursor, Layout, Hasher, Widget, + Rectangle, Point, +}; + +use std::hash::Hash; + +/// A widget that displays an image. +/// +/// It implements [`Widget`] when the associated [`core::Renderer`] implements +/// the [`image::Renderer`] trait. +/// +/// [`Widget`]: ../../core/trait.Widget.html +/// [`core::Renderer`]: ../../core/trait.Renderer.html +/// [`image::Renderer`]: trait.Renderer.html +/// # Example +/// +/// ``` +/// use iced::Image; +/// +/// let image = Image::new("image"); +/// ``` +pub struct Image { + image: I, + source: Option>, + style: Style, +} + +impl std::fmt::Debug for Image { + fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { + f.debug_struct("Image") + .field("source", &self.source) + .field("style", &self.style) + .finish() + } +} + +impl Image { + /// Creates a new [`Image`] with given image handle. + /// + /// [`Image`]: struct.Image.html + pub fn new(image: &I) -> Self where I: Clone { + Image { + image: image.clone(), + source: None, + style: Style::default().fill_width().fill_height(), + } + } + + /// Sets the portion of the [`Image`] that we want to draw. + /// + /// [`Image`]: struct.Image.html + pub fn clip(mut self, source: Rectangle) -> Self { + self.source = Some(source); + self + } + + /// Sets the width of the [`Image`] boundaries in pixels. + /// + /// [`Image`]: struct.Image.html + pub fn width(mut self, width: u32) -> Self { + self.style = self.style.width(width); + self + } + + /// Sets the height of the [`Image`] boundaries in pixels. + /// + /// [`Image`]: struct.Image.html + pub fn height(mut self, height: u32) -> Self { + self.style = self.style.height(height); + self + } +} + +impl Widget for Image +where + Renderer: self::Renderer, + I: Clone, +{ + fn node(&self, _renderer: &Renderer) -> Node { + Node::new(self.style) + } + + fn draw( + &self, + renderer: &mut Renderer, + layout: Layout<'_>, + _cursor_position: Point, + ) -> MouseCursor { + renderer.draw( + layout.bounds(), + self.image.clone(), + self.source, + ); + + MouseCursor::OutOfBounds + } + + fn hash(&self, state: &mut Hasher) { + self.style.hash(state); + } +} + +/// The renderer of a [`Image`]. +/// +/// Your [`core::Renderer`] will need to implement this trait before being +/// able to use a [`Image`] in your user interface. +/// +/// [`Image`]: struct.Image.html +/// [`core::Renderer`]: ../../core/trait.Renderer.html +pub trait Renderer { + /// Draws a [`Image`]. + /// + /// It receives: + /// * the bounds of the [`Image`] + /// * the handle of the loaded [`Image`] + /// * the portion of the image that we wants to draw, + /// if not specified, draw entire image + /// + /// [`Image`]: struct.Image.html + fn draw( + &mut self, + bounds: Rectangle, + image: I, + source: Option>, + ); +} + +impl<'a, I, Message, Renderer> From> for Element<'a, Message, Renderer> +where + Renderer: self::Renderer, + I: Clone + 'a, +{ + fn from(image: Image) -> Element<'a, Message, Renderer> { + Element::new(image) + } +} diff --git a/src/widget/progress_bar.rs b/src/widget/progress_bar.rs new file mode 100644 index 0000000000..0ce274e4e9 --- /dev/null +++ b/src/widget/progress_bar.rs @@ -0,0 +1,117 @@ +//! Displays action progress to your users. + +use crate::{ + Style, Node, Element, MouseCursor, Layout, Hasher, Widget, + Point, Rectangle, +}; + +use std::hash::Hash; + +/// A widget that displays a progress of an action. +/// +/// It implements [`Widget`] when the associated [`core::Renderer`] implements +/// the [`button::Renderer`] trait. +/// +/// [`Widget`]: ../../core/trait.Widget.html +/// [`core::Renderer`]: ../../core/trait.Renderer.html +/// [`progress_bar::Renderer`]: trait.Renderer.html +/// # Example +/// +/// ``` +/// use coffee::ui::ProgressBar; +/// +/// let progress = 0.75; +/// +/// ProgressBar::new(progress); +/// ``` +#[derive(Debug)] +pub struct ProgressBar { + progress: f32, + style: Style, +} + +impl ProgressBar { + /// Creates a new [`ProgressBar`] with given progress. + /// + /// [`ProgressBar`]: struct.ProgressBar.html + pub fn new(progress: f32) -> Self { + ProgressBar { + progress, + style: Style::default().fill_width(), + } + } + + /// Sets the width of the [`ProgressBar`] in pixels. + /// + /// [`ProgressBar`]: struct.ProgressBar.html + pub fn width(mut self, width: u32) -> Self { + self.style = self.style.width(width); + self + } + + /// Makes the [`ProgressBar`] fill the horizontal space of its container. + /// + /// [`ProgressBar`]: struct.ProgressBar.html + pub fn fill_width(mut self) -> Self { + self.style = self.style.fill_width(); + self + } +} + +impl Widget for ProgressBar +where + Renderer: self::Renderer +{ + fn node(&self, _renderer: &Renderer) -> Node { + Node::new(self.style.height(50)) + } + + fn draw( + &self, + renderer: &mut Renderer, + layout: Layout<'_>, + _cursor_position: Point, + ) -> MouseCursor { + renderer.draw( + layout.bounds(), + self.progress, + ); + + MouseCursor::OutOfBounds + } + + fn hash(&self, state: &mut Hasher) { + self.style.hash(state); + } +} + +/// The renderer of a [`ProgressBar`]. +/// +/// Your [`core::Renderer`] will need to implement this trait before being +/// able to use a [`ProgressBar`] in your user interface. +/// +/// [`ProgressBar`]: struct.ProgressBar.html +/// [`core::Renderer`]: ../../core/trait.Renderer.html +pub trait Renderer { + /// Draws a [`ProgressBar`]. + /// + /// It receives: + /// * the bounds of the [`ProgressBar`] + /// * the progress of the [`ProgressBar`] + /// + /// [`ProgressBar`]: struct.ProgressBar.html + fn draw( + &mut self, + bounds: Rectangle, + progress: f32, + ); +} + +impl<'a, Message, Renderer> From for Element<'a, Message, Renderer> +where + Renderer: self::Renderer, +{ + fn from(progress_bar: ProgressBar) -> Element<'a, Message, Renderer> { + Element::new(progress_bar) + } +}