hUI/hui-examples/examples/align.rs

150 lines
4.6 KiB
Rust
Raw Normal View History

2024-02-17 14:43:46 -06:00
use std::time::Instant;
use glam::{UVec2, vec4};
use glium::{backend::glutin::SimpleWindowBuilder, Surface};
use winit::{
event::{Event, WindowEvent},
event_loop::{EventLoopBuilder, ControlFlow}
};
use hui::{
2024-02-20 10:30:26 -06:00
UiInstance,
layout::{Alignment, UiSize, UiDirection},
rectangle::{Sides, Corners},
2024-02-17 14:43:46 -06:00
element::{
UiElement,
progress_bar::ProgressBar,
2024-02-20 10:30:26 -06:00
container::Container,
2024-02-17 14:43:46 -06:00
rect::Rect
},
};
use hui_glium::GliumUiRenderer;
fn main() {
kubi_logging::init();
let event_loop = EventLoopBuilder::new().build().unwrap();
2024-02-18 10:22:31 -06:00
let (_window, display) = SimpleWindowBuilder::new().build(&event_loop);
2024-02-17 14:43:46 -06:00
2024-02-17 14:47:21 -06:00
let mut hui = UiInstance::new();
2024-02-17 14:43:46 -06:00
let mut backend = GliumUiRenderer::new(&display);
let instant = Instant::now();
event_loop.run(|event, window_target| {
window_target.set_control_flow(ControlFlow::Poll);
match event {
Event::WindowEvent { event: WindowEvent::CloseRequested, .. } => {
window_target.exit();
},
Event::AboutToWait => {
let mut frame = display.draw();
frame.clear_color_srgb(0.5, 0.5, 0.5, 0.);
let resolution = UVec2::from(display.get_framebuffer_dimensions()).as_vec2();
2024-02-17 14:47:21 -06:00
hui.begin();
2024-02-17 14:43:46 -06:00
let z = instant.elapsed().as_secs_f32().sin().powi(2);
2024-02-17 14:47:21 -06:00
hui.add(Container {
2024-02-17 14:43:46 -06:00
gap: 5.,
padding: Sides::all(5.),
align: (Alignment::Begin, Alignment::Center).into(),
2024-02-18 12:27:45 -06:00
size: (UiSize::Fraction(1.), UiSize::Fraction(1.)),
2024-02-17 14:43:46 -06:00
elements: vec![
Box::new(ProgressBar {
value: 0.5,
..Default::default()
}),
],
..Default::default()
}, resolution);
2024-02-17 14:47:21 -06:00
hui.add(Container {
2024-02-17 14:43:46 -06:00
gap: 5.,
padding: Sides::all(5.),
align: (Alignment::End, Alignment::Center).into(),
2024-02-18 12:27:45 -06:00
size: (UiSize::Fraction(1.), UiSize::Fraction(1.)),
2024-02-17 14:43:46 -06:00
elements: vec![
Box::new(ProgressBar {
value: z,
..Default::default()
}),
Box::new(Container {
2024-02-18 12:27:45 -06:00
size: (UiSize::Fraction(1.), UiSize::Auto),
align: (Alignment::Center, Alignment::End).into(),
2024-02-17 14:43:46 -06:00
padding: Sides::all(5.),
gap: 10.,
elements: vec![
Box::new(Rect {
2024-02-18 12:27:45 -06:00
size: (UiSize::Fraction(0.5), UiSize::Static(30.)),
2024-02-17 14:43:46 -06:00
color: Some(vec4(0.75, 0., 0., 1.))
}),
Box::new(Rect {
2024-02-18 12:27:45 -06:00
size: (UiSize::Fraction(z / 2. + 0.5), UiSize::Static(30.)),
2024-02-17 14:43:46 -06:00
color: Some(vec4(0., 0.75, 0., 1.))
}),
],
..Default::default()
}),
Box::new(Rect {
2024-02-18 12:27:45 -06:00
size: (UiSize::Fraction(z / 2. + 0.5), UiSize::Static(30.)),
2024-02-17 14:43:46 -06:00
color: Some(vec4(0., 0.75, 0., 1.))
}),
Box::new(Container {
gap: 5.,
padding: Sides::all(5.),
2024-02-20 13:10:56 -06:00
background: vec4(0., 0., 0., 0.5),
2024-02-17 14:43:46 -06:00
direction: UiDirection::Horizontal,
elements: {
let mut x: Vec<Box<dyn UiElement>> = vec![];
for i in 0..10 {
x.push(Box::new(Rect {
2024-02-18 12:27:45 -06:00
size: (UiSize::Static(50.), UiSize::Static(50.)),
2024-02-17 14:43:46 -06:00
color: if i == 1 {
Some(vec4(0.75, 0.75, 0.75, 0.75))
} else {
Some(vec4(0.5, 0.5, 0.5, 0.75))
}
}));
}
x
},
..Default::default()
}),
Box::new(Container {
2024-02-20 13:10:56 -06:00
background: vec4(1., 0., 0., 1.),
2024-02-17 14:43:46 -06:00
padding: Sides {
top: 10.,
bottom: 20.,
left: 30.,
right: 40.,
},
2024-02-20 13:06:13 -06:00
corner_radius: Corners {
2024-02-20 10:30:26 -06:00
top_left: 0.,
top_right: 30.,
bottom_left: 0.,
bottom_right: 0.,
2024-02-20 13:06:13 -06:00
},
2024-02-17 14:43:46 -06:00
elements: vec![
Box::new(Rect {
2024-02-18 12:27:45 -06:00
size: (UiSize::Static(50.), UiSize::Static(50.)),
2024-02-17 14:43:46 -06:00
color: Some(vec4(1., 1., 1., 0.75))
2024-02-20 08:57:57 -06:00
}),
2024-02-17 14:43:46 -06:00
],
..Default::default()
}),
2024-02-17 14:43:46 -06:00
],
..Default::default()
}, resolution);
2024-02-17 14:47:21 -06:00
hui.end();
2024-02-17 14:43:46 -06:00
2024-02-17 14:47:21 -06:00
backend.update(&hui);
2024-02-17 14:43:46 -06:00
backend.draw(&mut frame, resolution);
frame.finish().unwrap();
}
_ => (),
}
}).unwrap();
}