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

More theme colors and gradient of lightness

Browse Source
This commit is contained in:
Clark Moody 2020-04-09 13:11:39 -05:00
parent 6b18e78e53
commit b1328f193c
1 changed files with 67 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
examples/color_palette/src/main.rs
View File

@ -17,18 +17,34 @@ pub struct State {
fn generate_theme(base_color: &Color) -> Vec<Color> { fn generate_theme(base_color: &Color) -> Vec<Color> {
use palette::{Hsl, Hue, Shade, Srgb}; use palette::{Hsl, Hue, Shade, Srgb};
let mut theme = Vec::<Color>::new(); let mut theme = Vec::<Color>::new();
// Convert to linear color for manipulation // Convert to HSL color for manipulation
let srgb = Srgb::from(*base_color); let hsl = Hsl::from(Srgb::from(*base_color));
let hsl = Hsl::from(srgb);
theme.push(
Srgb::from(hsl.shift_hue(-135.0).lighten(0.075))
.clamp()
.into(),
);
theme.push(Srgb::from(hsl.shift_hue(-120.0)).clamp().into()); theme.push(Srgb::from(hsl.shift_hue(-120.0)).clamp().into());
theme.push(Srgb::from(hsl.shift_hue(-115.0).darken(0.075)).clamp().into()); theme.push(
Srgb::from(hsl.shift_hue(-105.0).darken(0.075))
.clamp()
.into(),
);
theme.push(Srgb::from(hsl.darken(0.075)).clamp().into()); theme.push(Srgb::from(hsl.darken(0.075)).clamp().into());
theme.push(*base_color); theme.push(*base_color);
theme.push(Srgb::from(hsl.lighten(0.075)).clamp().into()); theme.push(Srgb::from(hsl.lighten(0.075)).clamp().into());
theme.push(Srgb::from(hsl.shift_hue(115.0).darken(0.075)).clamp().into()); theme.push(
Srgb::from(hsl.shift_hue(105.0).darken(0.075))
.clamp()
.into(),
);
theme.push(Srgb::from(hsl.shift_hue(120.0)).clamp().into()); theme.push(Srgb::from(hsl.shift_hue(120.0)).clamp().into());
theme.push(
Srgb::from(hsl.shift_hue(135.0).lighten(0.075))
.clamp()
.into(),
);
theme theme
} }
@ -312,12 +328,17 @@ impl State {
impl canvas::Drawable for State { impl canvas::Drawable for State {
fn draw(&self, frame: &mut canvas::Frame) { fn draw(&self, frame: &mut canvas::Frame) {
use canvas::{Fill, Path}; use canvas::{Fill, Path};
use palette::{Hsl, Srgb};
if self.theme.len() == 0 { if self.theme.len() == 0 {
println!("Zero len"); println!("Zero len");
return; return;
} }
let pad = 5.0;
let box_width = frame.width() / self.theme.len() as f32; let box_width = frame.width() / self.theme.len() as f32;
let box_height = frame.height() / 2.0 - pad;
for i in 0..self.theme.len() { for i in 0..self.theme.len() {
let anchor = Point { let anchor = Point {
x: (i as f32) * box_width, x: (i as f32) * box_width,
@ -325,14 +346,51 @@ impl canvas::Drawable for State {
}; };
let rect = Path::new(|path| { let rect = Path::new(|path| {
path.move_to(anchor); path.move_to(anchor);
path.line_to(Point { x: anchor.x + box_width, y: anchor.y });
path.line_to(Point { path.line_to(Point {
x: anchor.x + box_width, x: anchor.x + box_width,
y: anchor.y + frame.height(), y: anchor.y,
});
path.line_to(Point {
x: anchor.x + box_width,
y: anchor.y + box_height,
});
path.line_to(Point {
x: anchor.x,
y: anchor.y + box_height,
}); });
path.line_to(Point { x: anchor.x, y: anchor.y + frame.height() });
}); });
frame.fill(&rect, Fill::Color(self.theme[i])); frame.fill(&rect, Fill::Color(self.theme[i]));
} }
let hsl = Hsl::from(Srgb::from(self.color));
for i in 0..self.theme.len() {
let pct = (i as f32 + 1.0) / (self.theme.len() as f32 + 1.0);
let graded = Hsl {
lightness: 1.0 - pct,
..hsl
};
let color: Color = Srgb::from(graded.clamp()).into();
let anchor = Point {
x: (i as f32) * box_width,
y: box_height + 2.0 * pad,
};
let rect = Path::new(|path| {
path.move_to(anchor);
path.line_to(Point {
x: anchor.x + box_width,
y: anchor.y,
});
path.line_to(Point {
x: anchor.x + box_width,
y: anchor.y + box_height,
});
path.line_to(Point {
x: anchor.x,
y: anchor.y + box_height,
});
});
frame.fill(&rect, Fill::Color(color));
}
} }
} }