mirror of https://github.com/linebender/xilem
45 lines
1.3 KiB
Rust
45 lines
1.3 KiB
Rust
// Copyright 2024 the Xilem Authors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
//! Modularizing state can be done with `lens` which allows using modular components.
|
|
|
|
#![expect(clippy::shadow_unrelated, reason = "Idiomatic for Xilem users")]
|
|
|
|
use masonry::widgets::MainAxisAlignment;
|
|
use winit::error::EventLoopError;
|
|
use xilem::core::lens;
|
|
use xilem::view::{Axis, button, flex, label};
|
|
use xilem::{EventLoop, WidgetView, Xilem};
|
|
|
|
#[derive(Default)]
|
|
struct AppState {
|
|
modularized_count: i32,
|
|
global_count: i32,
|
|
}
|
|
|
|
fn modular_counter(count: &mut i32) -> impl WidgetView<i32> + use<> {
|
|
flex((
|
|
label(format!("modularized count: {count}")),
|
|
button("+", |count| *count += 1),
|
|
button("-", |count| *count -= 1),
|
|
))
|
|
}
|
|
|
|
fn app_logic(state: &mut AppState) -> impl WidgetView<AppState> + use<> {
|
|
flex((
|
|
lens(modular_counter, state, |state| &mut state.modularized_count),
|
|
button(
|
|
format!("clicked {} times", state.global_count),
|
|
|state: &mut AppState| state.global_count += 1,
|
|
),
|
|
))
|
|
.direction(Axis::Horizontal)
|
|
.main_axis_alignment(MainAxisAlignment::Center)
|
|
}
|
|
|
|
fn main() -> Result<(), EventLoopError> {
|
|
let app = Xilem::new(AppState::default(), app_logic);
|
|
app.run_windowed(EventLoop::with_user_event(), "Components".into())?;
|
|
Ok(())
|
|
}
|