hUI/hui-examples/examples/align_test.rs

149 lines
5 KiB
Rust
Raw Normal View History

2024-02-29 09:02:05 -06:00
//WARNING: THIS EXAMPLE IS EXTREMELY OUTDATED AND USES DEPRECATED API
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::{
element::{
2024-04-17 08:44:47 -05:00
container::Container, fill_rect::FrameView, progress_bar::ProgressBar, ElementList, UiElement
}, frame::FrameRect, layout::{Alignment, Direction, Size}, rect::{Corners, Sides}, UiInstance
2024-02-17 14:43:46 -06:00
};
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.),
2024-03-01 18:09:57 -06:00
align: (Alignment::Center, Alignment::Begin).into(),
size: (Size::Relative(1.), Size::Relative(1.)).into(),
2024-02-25 18:15:55 -06:00
children: ElementList(vec![
2024-02-17 14:43:46 -06:00
Box::new(ProgressBar {
value: 0.5,
..Default::default()
}),
2024-02-25 18:15:55 -06:00
]),
2024-02-17 14:43:46 -06:00
..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.),
2024-03-01 18:09:57 -06:00
align: (Alignment::Center, Alignment::End).into(),
size: (Size::Relative(1.), Size::Relative(1.)).into(),
2024-02-25 18:15:55 -06:00
children: ElementList(vec![
2024-02-17 14:43:46 -06:00
Box::new(ProgressBar {
value: z,
2024-03-25 10:16:56 -05:00
// corner_radius: Corners::all(0.25 * ProgressBar::DEFAULT_HEIGHT),
2024-02-17 14:43:46 -06:00
..Default::default()
}),
Box::new(Container {
size: (Size::Relative(1.), Size::Auto).into(),
2024-03-01 18:09:57 -06:00
align: (Alignment::End, Alignment::Center).into(),
2024-02-17 14:43:46 -06:00
padding: Sides::all(5.),
gap: 10.,
2024-02-25 18:15:55 -06:00
children: ElementList(vec![
2024-04-17 08:44:47 -05:00
Box::new(FrameView {
size: (Size::Relative(0.5), Size::Absolute(30.)).into(),
2024-03-24 16:18:15 -05:00
frame: Box::new(vec4(0.75, 0., 0., 1.)),
2024-02-17 14:43:46 -06:00
}),
2024-04-17 08:44:47 -05:00
Box::new(FrameView {
size: (Size::Relative(z / 2. + 0.5), Size::Absolute(30.)).into(),
2024-03-24 16:18:15 -05:00
frame: Box::new(Corners::left_right(
vec4(1., 0., 0., 1.),
vec4(0., 1., 0., 1.)
2024-03-24 16:18:15 -05:00
)),
2024-02-17 14:43:46 -06:00
}),
2024-02-25 18:15:55 -06:00
]),
2024-02-17 14:43:46 -06:00
..Default::default()
}),
2024-04-17 08:44:47 -05:00
Box::new(FrameView {
size: (Size::Relative(z / 2. + 0.5), Size::Absolute(30.)).into(),
2024-03-24 16:18:15 -05:00
frame: Box::new(vec4(0., 0.75, 0., 1.)),
2024-02-17 14:43:46 -06:00
}),
Box::new(Container {
gap: 5.,
padding: Sides::all(5.),
background_frame: Box::new(FrameRect::color(vec4(0., 0., 0., 0.5))),
2024-03-06 19:06:14 -06:00
direction: Direction::Horizontal,
2024-02-25 18:15:55 -06:00
children: {
2024-02-17 14:43:46 -06:00
let mut x: Vec<Box<dyn UiElement>> = vec![];
for i in 0..10 {
2024-04-17 08:44:47 -05:00
x.push(Box::new(FrameView {
size: (Size::Absolute(50.), Size::Absolute(50.)).into(),
2024-03-24 16:18:15 -05:00
frame: Box::new(if i == 1 {
vec4(0.75, 0.75, 0.75, 0.75)
2024-02-17 14:43:46 -06:00
} else {
2024-03-24 16:18:15 -05:00
vec4(0.5, 0.5, 0.5, 0.75)
}),
2024-02-17 14:43:46 -06:00
}));
}
2024-02-25 18:15:55 -06:00
ElementList(x)
2024-02-17 14:43:46 -06:00
},
..Default::default()
}),
Box::new(Container {
background_frame: Box::new(FrameRect::color((1., 0., 0.)).with_corner_radius(Corners {
top_left: 0.,
top_right: 30.,
bottom_left: 0.,
bottom_right: 0.,
})),
2024-02-17 14:43:46 -06:00
padding: Sides {
top: 10.,
bottom: 20.,
left: 30.,
right: 40.,
},
2024-02-25 18:15:55 -06:00
children: ElementList(vec![
2024-04-17 08:44:47 -05:00
Box::new(FrameView {
size: (Size::Absolute(50.), Size::Absolute(50.)).into(),
2024-03-24 16:18:15 -05:00
frame: Box::new(vec4(1., 1., 1., 0.75)),
2024-02-20 08:57:57 -06:00
}),
2024-02-25 18:15:55 -06:00
]),
2024-02-17 14:43:46 -06:00
..Default::default()
}),
2024-02-25 18:15:55 -06:00
]),
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();
}