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

Reuse triangle path with transforms in color_palette

Browse Source
This commit is contained in:
Héctor Ramón Jiménez 2020-05-01 22:45:47 +02:00
parent 573929d5ec
commit 03ca7eea6c
1 changed files with 25 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
use iced::{ use iced::{
canvas, slider, Align, Canvas, Color, Column, Element, Length, Row, canvas, slider, Align, Canvas, Color, Column, Element, Length, Row,
Sandbox, Settings, Slider, Text, Sandbox, Settings, Slider, Text, Vector,
}; };
use palette::{self, Limited}; use palette::{self, Limited};
use std::marker::PhantomData; use std::marker::PhantomData;
@ -146,7 +146,7 @@ impl Theme {
impl canvas::Drawable for Theme { impl canvas::Drawable for Theme {
fn draw(&self, frame: &mut canvas::Frame) { fn draw(&self, frame: &mut canvas::Frame) {
use canvas::{Fill, Path}; use canvas::Path;
use iced::{HorizontalAlignment, VerticalAlignment}; use iced::{HorizontalAlignment, VerticalAlignment};
use iced_native::{Point, Size}; use iced_native::{Point, Size};
use palette::{Hsl, Srgb}; use palette::{Hsl, Srgb};
@ -158,6 +158,13 @@ impl canvas::Drawable for Theme {
height: frame.height() / 2.0 - pad, height: frame.height() / 2.0 - pad,
}; };
let triangle = Path::new(|path| {
path.move_to(Point { x: 0.0, y: -0.5 });
path.line_to(Point { x: -0.5, y: 0.0 });
path.line_to(Point { x: 0.5, y: 0.0 });
path.close();
});
let mut text = canvas::Text { let mut text = canvas::Text {
horizontal_alignment: HorizontalAlignment::Center, horizontal_alignment: HorizontalAlignment::Center,
vertical_alignment: VerticalAlignment::Top, vertical_alignment: VerticalAlignment::Top,
@ -171,48 +178,26 @@ impl canvas::Drawable for Theme {
y: 0.0, y: 0.0,
}; };
let rect = Path::rectangle(anchor, box_size); let rect = Path::rectangle(anchor, box_size);
frame.fill(&rect, Fill::Color(color)); frame.fill(&rect, color);
if self.base == color { // We show a little indicator for the base color
let cx = anchor.x + box_size.width / 2.0; if color == self.base {
let tri_w = 10.0; let triangle_x = anchor.x + box_size.width / 2.0;
let tri = Path::new(|path| { frame.with_save(|frame| {
path.move_to(Point { frame.translate(Vector::new(triangle_x, 0.0));
x: cx - tri_w, frame.scale(10.0);
y: 0.0, frame.rotate(std::f32::consts::PI);
});
path.line_to(Point {
x: cx + tri_w,
y: 0.0,
});
path.line_to(Point { x: cx, y: tri_w });
path.line_to(Point {
x: cx - tri_w,
y: 0.0,
});
});
frame.fill(&tri, Fill::Color(Color::WHITE));
let tri = Path::new(|path| { frame.fill(&triangle, Color::WHITE);
path.move_to(Point {
x: cx - tri_w,
y: box_size.height,
}); });
path.line_to(Point {
x: cx + tri_w, frame.with_save(|frame| {
y: box_size.height, frame.translate(Vector::new(triangle_x, box_size.height));
frame.scale(10.0);
frame.fill(&triangle, Color::WHITE);
}); });
path.line_to(Point {
x: cx,
y: box_size.height - tri_w,
});
path.line_to(Point {
x: cx - tri_w,
y: box_size.height,
});
});
frame.fill(&tri, Fill::Color(Color::WHITE));
} }
frame.fill_text(canvas::Text { frame.fill_text(canvas::Text {
@ -242,7 +227,7 @@ impl canvas::Drawable for Theme {
}; };
let rect = Path::rectangle(anchor, box_size); let rect = Path::rectangle(anchor, box_size);
frame.fill(&rect, Fill::Color(color)); frame.fill(&rect, color);
frame.fill_text(canvas::Text { frame.fill_text(canvas::Text {
content: color_hex_string(&color), content: color_hex_string(&color),