me/iced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

chore(examples): Add svg-style example

Browse source
This commit is contained in:
Michael Aaron Murphy 2022-11-16 17:43:16 +01:00 • committed by Héctor Ramón Jiménez
parent 75ae0de9bd
commit 314b0f7dc5
No known key found for this signature in database
GPG key ID: 140CC052C94F138E
3 changed files with 89 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
examples/svg_style/Cargo.toml Normal file
View file

@ -0,0 +1,10 @@
[package]
name = "svg_style"
version = "0.1.0"
edition = "2021"
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
[dependencies]
iced = { path = "../..", features = ["svg"] }
iced_style = { path = "../../style" }

1
examples/svg_style/resources/go-next-symbolic.svg Normal file
View file

@ -0,0 +1 @@
<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path color='#bebebe' d='M0 0h16v16H0z' fill='gray' fill-opacity='.01'/><path d='m7.94 1.94 6.062 6.063-6.062 6.063c-1.438 1.437-2.688-.063-1.625-1.125l4.937-4.938-4.937-4.937C5.502 2.253 6.752.753 7.94 1.94z' fill='#232323'/></svg>
Side by side

After

Width:  |  Height:  |  Size: 293 B

78
examples/svg_style/src/main.rs Normal file
View file

@ -0,0 +1,78 @@
use iced::widget::{container, svg};
use iced::{Color, Element, Length, Sandbox, Settings};
use iced_style::svg::Appearance;
use iced_style::theme::{self, Theme};
pub fn main() -> iced::Result {
SvgStyleExample::run(Settings::default())
}
struct SvgStyleExample;
impl Sandbox for SvgStyleExample {
type Message = ();
fn new() -> Self {
SvgStyleExample
}
fn theme(&self) -> Theme {
Theme::Light
}
fn title(&self) -> String {
String::from("SVG - Iced")
}
fn update(&mut self, _message: ()) {}
fn view(&self) -> Element<()> {
let svg1: Element<_> = svg(svg::Handle::from_path(format!(
"{}/resources/go-next-symbolic.svg",
env!("CARGO_MANIFEST_DIR")
)))
.width(Length::Fill)
.height(Length::Fill)
.into();
let svg2: Element<_> = svg(svg::Handle::from_path(format!(
"{}/resources/go-next-symbolic.svg",
env!("CARGO_MANIFEST_DIR")
)))
.style(theme::Svg::Custom(|_theme| Appearance {
fill: Some(Color {
r: 0.0,
g: 0.28627452,
b: 0.42745098,
a: 1.0,
}),
}))
.width(Length::Fill)
.height(Length::Fill)
.into();
let svg3: Element<_> = svg(svg::Handle::from_path(format!(
"{}/resources/go-next-symbolic.svg",
env!("CARGO_MANIFEST_DIR")
)))
.style(theme::Svg::Custom(|_theme| Appearance {
fill: Some(Color {
r: 0.5803922,
g: 0.92156863,
b: 0.92156863,
a: 1.0,
}),
}))
.width(Length::Fill)
.height(Length::Fill)
.into();
container(iced::widget::row!(svg1, svg2, svg3))
.width(Length::Fill)
.height(Length::Fill)
.padding(20)
.center_x()
.center_y()
.into()
}
}