Make iced_core::Button customizable

Now it supports:
  - Any kind of content
  - Custom border radius
  - Custom background
This commit is contained in:
Héctor Ramón Jiménez 2019-10-08 03:13:41 +02:00
parent a0234d5bce
commit 10e10e5e06
35 changed files with 288 additions and 160 deletions

View file

@ -1,22 +1,26 @@
use crate::{Background, Primitive, Renderer};
use iced_native::{button, Button, Color, Layout, Length, Node, Point, Style};
use crate::{Primitive, Renderer};
use iced_native::{
button, Align, Background, Button, Color, Layout, Length, Node, Point,
Style,
};
impl button::Renderer for Renderer {
fn node<Message>(&self, button: &Button<Message>) -> Node {
fn node<Message>(&self, button: &Button<Message, Self>) -> Node {
let style = Style::default()
.width(button.width)
.min_height(Length::Units(30))
.padding(button.padding)
.min_width(Length::Units(100))
.align_self(button.align_self);
.align_self(button.align_self)
.align_items(Align::Stretch);
Node::new(style)
Node::with_children(style, vec![button.content.node(self)])
}
fn draw<Message>(
&mut self,
button: &Button<Message>,
button: &Button<Message, Self>,
layout: Layout<'_>,
_cursor_position: Point,
cursor_position: Point,
) -> Self::Primitive {
let bounds = layout.bounds();
@ -24,18 +28,21 @@ impl button::Renderer for Renderer {
primitives: vec![
Primitive::Quad {
bounds,
background: Background::Color(Color {
r: 0.8,
b: 0.8,
g: 0.8,
a: 1.0,
}),
},
Primitive::Text {
content: button.label.clone(),
size: 20.0,
bounds: layout.bounds(),
background: button.background.unwrap_or(Background::Color(
Color {
r: 0.8,
b: 0.8,
g: 0.8,
a: 1.0,
},
)),
border_radius: button.border_radius,
},
button.content.draw(
self,
layout.children().next().unwrap(),
cursor_position,
),
],
}
}