reivilibre/iced-mobile
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Allow Checkbox style to change based on its state

Browse Source
This commit is contained in:
Héctor Ramón Jiménez 2020-01-08 03:30:15 +01:00
parent 08faaaf623
commit cae4463e83
3 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
examples/styling.rs
View File

@ -493,20 +493,27 @@ mod style {
pub struct Checkbox;
impl checkbox::StyleSheet for Checkbox {
fn active(&self) -> checkbox::Style {
fn active(&self, is_checked: bool) -> checkbox::Style {
checkbox::Style {
background: Background::Color(SURFACE),
checkmark_color: ACTIVE,
background: Background::Color(if is_checked {
ACTIVE
} else {
SURFACE
}),
checkmark_color: Color::WHITE,
border_radius: 2,
border_width: 1,
border_color: ACTIVE,
}
}
fn hovered(&self) -> checkbox::Style {
fn hovered(&self, is_checked: bool) -> checkbox::Style {
checkbox::Style {
background: Background::Color(Color { a: 0.5, ..SURFACE }),
..self.active()
background: Background::Color(Color {
a: 0.8,
..if is_checked { ACTIVE } else { SURFACE }
}),
..self.active(is_checked)
}
}
}

10
style/src/checkbox.rs
View File

@ -13,15 +13,15 @@ pub struct Style {
/// A set of rules that dictate the style of a checkbox.
pub trait StyleSheet {
fn active(&self) -> Style;
fn active(&self, is_checked: bool) -> Style;
fn hovered(&self) -> Style;
fn hovered(&self, is_checked: bool) -> Style;
}
struct Default;
impl StyleSheet for Default {
fn active(&self) -> Style {
fn active(&self, _is_checked: bool) -> Style {
Style {
background: Background::Color(Color::from_rgb(0.95, 0.95, 0.95)),
checkmark_color: Color::from_rgb(0.3, 0.3, 0.3),
@ -31,10 +31,10 @@ impl StyleSheet for Default {
}
}
fn hovered(&self) -> Style {
fn hovered(&self, is_checked: bool) -> Style {
Style {
background: Background::Color(Color::from_rgb(0.90, 0.90, 0.90)),
..self.active()
..self.active(is_checked)
}
}
}

4
wgpu/src/renderer/widget/checkbox.rs
View File

@ -21,9 +21,9 @@ impl checkbox::Renderer for Renderer {
style_sheet: &Self::Style,
) -> Self::Output {
let style = if is_mouse_over {
style_sheet.hovered()
style_sheet.hovered(is_checked)
} else {
style_sheet.active()
style_sheet.active(is_checked)
};
let checkbox = Primitive::Quad {