Implement theme styling for ProgressBar

This commit is contained in:
Héctor Ramón Jiménez 2022-06-01 02:40:42 +02:00
parent e4ca779e43
commit 77dc9dc2cb
No known key found for this signature in database
GPG key ID: 140CC052C94F138E
6 changed files with 81 additions and 71 deletions

View file

@ -5,13 +5,13 @@ use crate::{Color, Element, Layout, Length, Point, Rectangle, Size, Widget};
use std::ops::RangeInclusive;
pub use iced_style::progress_bar::{Style, StyleSheet};
pub use iced_style::progress_bar::{Appearance, StyleSheet};
/// A bar that displays progress.
///
/// # Example
/// ```
/// # use iced_native::widget::ProgressBar;
/// # type ProgressBar = iced_native::widget::ProgressBar<iced_native::renderer::Null>;
/// let value = 50.0;
///
/// ProgressBar::new(0.0..=100.0, value);
@ -19,15 +19,23 @@ pub use iced_style::progress_bar::{Style, StyleSheet};
///
/// ![Progress bar drawn with `iced_wgpu`](https://user-images.githubusercontent.com/18618951/71662391-a316c200-2d51-11ea-9cef-52758cab85e3.png)
#[allow(missing_debug_implementations)]
pub struct ProgressBar<'a> {
pub struct ProgressBar<Renderer>
where
Renderer: crate::Renderer,
Renderer::Theme: StyleSheet,
{
range: RangeInclusive<f32>,
value: f32,
width: Length,
height: Option<Length>,
style_sheet: Box<dyn StyleSheet + 'a>,
style: <Renderer::Theme as StyleSheet>::Style,
}
impl<'a> ProgressBar<'a> {
impl<Renderer> ProgressBar<Renderer>
where
Renderer: crate::Renderer,
Renderer::Theme: StyleSheet,
{
/// The default height of a [`ProgressBar`].
pub const DEFAULT_HEIGHT: u16 = 30;
@ -42,7 +50,7 @@ impl<'a> ProgressBar<'a> {
range,
width: Length::Fill,
height: None,
style_sheet: Default::default(),
style: Default::default(),
}
}
@ -61,16 +69,17 @@ impl<'a> ProgressBar<'a> {
/// Sets the style of the [`ProgressBar`].
pub fn style(
mut self,
style_sheet: impl Into<Box<dyn StyleSheet + 'a>>,
style: impl Into<<Renderer::Theme as StyleSheet>::Style>,
) -> Self {
self.style_sheet = style_sheet.into();
self.style = style.into();
self
}
}
impl<'a, Message, Renderer> Widget<Message, Renderer> for ProgressBar<'a>
impl<'a, Message, Renderer> Widget<Message, Renderer> for ProgressBar<Renderer>
where
Renderer: crate::Renderer,
Renderer::Theme: StyleSheet,
{
fn width(&self) -> Length {
self.width
@ -113,7 +122,7 @@ where
/ (range_end - range_start)
};
let style = self.style_sheet.style();
let style = theme.appearance(self.style);
renderer.fill_quad(
renderer::Quad {
@ -142,13 +151,16 @@ where
}
}
impl<'a, Message, Renderer> From<ProgressBar<'a>>
impl<'a, Message, Renderer> From<ProgressBar<Renderer>>
for Element<'a, Message, Renderer>
where
Renderer: 'a + crate::Renderer,
Message: 'a,
Renderer: 'a + crate::Renderer,
Renderer::Theme: StyleSheet,
{
fn from(progress_bar: ProgressBar<'a>) -> Element<'a, Message, Renderer> {
fn from(
progress_bar: ProgressBar<Renderer>,
) -> Element<'a, Message, Renderer> {
Element::new(progress_bar)
}
}