Make iced_core::Button customizable
Now it supports: - Any kind of content - Custom border radius - Custom background
This commit is contained in:
parent
a0234d5bce
commit
10e10e5e06
35 changed files with 288 additions and 160 deletions
|
|
@ -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,
|
||||
),
|
||||
],
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue