me/iced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Implement theme styling for Toggler

Browse source 
... and wire up theming to the `styling` example.
This commit is contained in:
Héctor Ramón Jiménez 2022-05-31 05:13:57 +02:00
parent 28d09bfff1
commit 3e2b6247f7
No known key found for this signature in database
GPG key ID: 140CC052C94F138E
8 changed files with 102 additions and 99 deletions
Download patch file Download diff file Expand all files Collapse all files

53
examples/styling/src/main.rs
View file

@ -5,7 +5,7 @@ use iced::text_input;
use iced::{
Alignment, Button, Checkbox, Column, Container, Element, Length,
ProgressBar, Radio, Row, Rule, Sandbox, Scrollable, Settings, Slider,
Space, Text, TextInput, Toggler,
Space, Text, TextInput, Theme, Toggler,
};
pub fn main() -> iced::Result {
@ -115,8 +115,7 @@ impl Sandbox for Styling {
Message::TogglerToggled,
)
.width(Length::Shrink)
.spacing(10)
.style(self.theme);
.spacing(10);
let content = Column::new()
.spacing(20)
@ -151,12 +150,18 @@ impl Sandbox for Styling {
.style(self.theme)
.into()
}
fn theme(&self) -> Theme {
match self.theme {
style::Theme::Light => Theme::Light,
style::Theme::Dark => Theme::Dark,
}
}
}
mod style {
use iced::{
checkbox, container, progress_bar, rule, scrollable, text_input,
toggler,
};
#[derive(Debug, Clone, Copy, PartialEq, Eq)]
@ -220,15 +225,6 @@ mod style {
}
}
impl From<Theme> for Box<dyn toggler::StyleSheet> {
fn from(theme: Theme) -> Self {
match theme {
Theme::Light => Default::default(),
Theme::Dark => dark::Toggler.into(),
}
}
}
impl From<Theme> for Box<dyn rule::StyleSheet> {
fn from(theme: Theme) -> Self {
match theme {
@ -241,7 +237,7 @@ mod style {
mod dark {
use iced::{
checkbox, container, progress_bar, rule, scrollable, text_input,
toggler, Color,
Color,
};
const SURFACE: Color = Color::from_rgb(
@ -404,35 +400,6 @@ mod style {
}
}
pub struct Toggler;
impl toggler::StyleSheet for Toggler {
fn active(&self, is_active: bool) -> toggler::Style {
toggler::Style {
background: if is_active { ACTIVE } else { SURFACE },
background_border: None,
foreground: if is_active { Color::WHITE } else { ACTIVE },
foreground_border: None,
}
}
fn hovered(&self, is_active: bool) -> toggler::Style {
toggler::Style {
background: if is_active { ACTIVE } else { SURFACE },
background_border: None,
foreground: if is_active {
Color {
a: 0.5,
..Color::WHITE
}
} else {
Color { a: 0.5, ..ACTIVE }
},
foreground_border: None,
}
}
}
pub struct Rule;
impl rule::StyleSheet for Rule {