#![cfg_attr(target_family = "wasm", no_main)] use std::time::Duration; use anyhow::Result;use gpui::{ Animation, AnimationExt as _, App, AssetSource, Bounds, Context, SharedString, Transformation, Window, WindowBounds, WindowOptions, bounce, div, ease_in_out, percentage, prelude::*, px, size, svg,};use gpui_platform::application; struct Assets {} impl AssetSource for Assets { fn load(&self, path: &str) -> Result<Option<std::borrow::Cow<'static, [u8]>>> { std::fs::read(path) .map(Into::into) .map_err(Into::into) .map(Some) } fn list(&self, path: &str) -> Result<Vec<SharedString>> { Ok(std::fs::read_dir(path)? .filter_map(|entry| { Some(SharedString::from( entry.ok()?.path().to_string_lossy().into_owned(), )) }) .collect::<Vec<_>>()) }} const ARROW_CIRCLE_SVG: &str = concat!( env!("CARGO_MANIFEST_DIR"), "/examples/image/arrow_circle.svg"); struct AnimationExample {} impl Render for AnimationExample { fn render(&mut self, _window: &mut Window, _cx: &mut Context<Self>) -> impl IntoElement { div() .flex() .flex_col() .size_full() .bg(gpui::white()) .text_color(gpui::black()) .justify_around() .child( div() .flex() .flex_col() .size_full() .justify_around() .child( div() .id("content") .flex() .flex_col() .h(px(150.)) .overflow_y_scroll() .w_full() .flex_1() .justify_center() .items_center() .text_xl() .gap_4() .child("Hello Animation") .child( svg() .size_20() .overflow_hidden() .path(ARROW_CIRCLE_SVG) .text_color(gpui::black()) .with_animation( "image_circle", Animation::new(Duration::from_secs(2)) .repeat() .with_easing(bounce(ease_in_out)), |svg, delta| { svg.with_transformation(Transformation::rotate( percentage(delta), )) }, ), ), ) .child( div() .flex() .h(px(64.)) .w_full() .p_2() .justify_center() .items_center() .border_t_1() .border_color(gpui::black().opacity(0.1)) .bg(gpui::black().opacity(0.05)) .child("Other Panel"), ), ) }} fn run_example() { application().with_assets(Assets {}).run(|cx: &mut App| { let options = WindowOptions { window_bounds: Some(WindowBounds::Windowed(Bounds::centered( None, size(px(300.), px(300.)), cx, ))), ..Default::default() }; cx.open_window(options, |_, cx| { cx.activate(false); cx.new(|_| AnimationExample {}) }) .unwrap(); });} #[cfg(not(target_family = "wasm"))]fn main() { run_example();} #[cfg(target_family = "wasm")]#[wasm_bindgen::prelude::wasm_bindgen(start)]pub fn start() { gpui_platform::web_init(); run_example();}
#![cfg_attr(target_family = "wasm", no_main)]
use std::time::Duration;
use anyhow::Result;
use gpui::{
Animation, AnimationExt as _, App, AssetSource, Bounds, Context, SharedString, Transformation,
Window, WindowBounds, WindowOptions, bounce, div, ease_in_out, percentage, prelude::*, px,
size, svg,
};
use gpui_platform::application;
struct Assets {}
impl AssetSource for Assets {
fn load(&self, path: &str) -> Result<Option<std::borrow::Cow<'static, [u8]>>> {
std::fs::read(path)
.map(Into::into)
.map_err(Into::into)
.map(Some)
}
fn list(&self, path: &str) -> Result<Vec<SharedString>> {
Ok(std::fs::read_dir(path)?
.filter_map(|entry| {
Some(SharedString::from(
entry.ok()?.path().to_string_lossy().into_owned(),
))
})
.collect::<Vec<_>>())
}
}
const ARROW_CIRCLE_SVG: &str = concat!(
env!("CARGO_MANIFEST_DIR"),
"/examples/image/arrow_circle.svg"
);
struct AnimationExample {}
impl Render for AnimationExample {
fn render(&mut self, _window: &mut Window, _cx: &mut Context<Self>) -> impl IntoElement {
div()
.flex()
.flex_col()
.size_full()
.bg(gpui::white())
.text_color(gpui::black())
.justify_around()
.child(
div()
.flex()
.flex_col()
.size_full()
.justify_around()
.child(
div()
.id("content")
.flex()
.flex_col()
.h(px(150.))
.overflow_y_scroll()
.w_full()
.flex_1()
.justify_center()
.items_center()
.text_xl()
.gap_4()
.child("Hello Animation")
.child(
svg()
.size_20()
.overflow_hidden()
.path(ARROW_CIRCLE_SVG)
.text_color(gpui::black())
.with_animation(
"image_circle",
Animation::new(Duration::from_secs(2))
.repeat()
.with_easing(bounce(ease_in_out)),
|svg, delta| {
svg.with_transformation(Transformation::rotate(
percentage(delta),
))
},
),
),
)
.child(
div()
.flex()
.h(px(64.))
.w_full()
.p_2()
.justify_center()
.items_center()
.border_t_1()
.border_color(gpui::black().opacity(0.1))
.bg(gpui::black().opacity(0.05))
.child("Other Panel"),
),
)
}
}
fn run_example() {
application().with_assets(Assets {}).run(|cx: &mut App| {
let options = WindowOptions {
window_bounds: Some(WindowBounds::Windowed(Bounds::centered(
None,
size(px(300.), px(300.)),
cx,
))),
..Default::default()
};
cx.open_window(options, |_, cx| {
cx.activate(false);
cx.new(|_| AnimationExample {})
})
.unwrap();
});
}
#[cfg(not(target_family = "wasm"))]
fn main() {
run_example();
}
#[cfg(target_family = "wasm")]
#[wasm_bindgen::prelude::wasm_bindgen(start)]
pub fn start() {
gpui_platform::web_init();
run_example();
}