voxel/hUI
voxel/hUI
1
1
Fork 0
mirror of https://github.com/griffi-gh/hUI.git synced 2024-11-25 16:38:42 -06:00
Code Issues Packages Projects Releases Wiki Activity

fancier vscode demo

Browse source
This commit is contained in:
griffi-gh 2024-03-07 02:56:05 +01:00
parent af138760c9
commit 8a6785b688
1 changed files with 35 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
hui-examples/examples/vscode_layout.rs
View file

@ -39,7 +39,7 @@ ui_main!(
.with_size(size!(100%, auto)) .with_size(size!(100%, auto))
.with_direction(Direction::Horizontal) .with_direction(Direction::Horizontal)
.with_align((Alignment::Begin, Alignment::Center)) .with_align((Alignment::Begin, Alignment::Center))
.with_padding((5., 8.)) .with_padding(8.)
.with_gap(15.) .with_gap(15.)
.with_background(color::rgb_hex(0x3d3c3e)) .with_background(color::rgb_hex(0x3d3c3e))
.with_wrap(true) //XXX: not authentic but great for demostration .with_wrap(true) //XXX: not authentic but great for demostration
@ -47,7 +47,6 @@ ui_main!(
Image::new(stuff.vscode_icon) Image::new(stuff.vscode_icon)
.with_size(size!(auto, 24)) .with_size(size!(auto, 24))
.add_child(ui); .add_child(ui);
Spacer(1.).add_child(ui);
for item in ["File", "Edit", "Selection", "View", "Go", "Run", "Terminal", "Help"] { for item in ["File", "Edit", "Selection", "View", "Go", "Run", "Terminal", "Help"] {
Text::new(item) Text::new(item)
.with_text_size(15) .with_text_size(15)
@ -64,7 +63,7 @@ ui_main!(
.with_direction(Direction::Horizontal) .with_direction(Direction::Horizontal)
.with_children(|ui| { .with_children(|ui| {
Container::default() Container::default()
.with_size(size!(48, 100%)) .with_size(size!(54, 100%))
.with_background(color::rgb_hex(0x343334)) .with_background(color::rgb_hex(0x343334))
.add_child(ui); .add_child(ui);
FillRect::default() FillRect::default()
@ -74,16 +73,47 @@ ui_main!(
Container::default() Container::default()
.with_size(size!(200, 100%)) .with_size(size!(200, 100%))
.with_padding((15., 8.)) .with_padding((15., 8.))
.with_background(color::rgb_hex(0x1e1e1e)) .with_background(color::rgb_hex(0x262526))
.with_children(|ui| { .with_children(|ui| {
Text::new("EXPLORER") Text::new("EXPLORER")
.add_child(ui); .add_child(ui);
}) })
.add_child(ui); .add_child(ui);
Container::default()
.with_size(size!(100%, 100%))
.with_background(color::rgb_hex(0x1f1e1f))
.add_child(ui);
}) })
.add_child(ui); .add_child(ui);
}) })
.add_root(ui, size); .add_root(ui, size);
//Bottom bar (yeah, it's basically fake/overlay)
Container::default()
.with_size(size!(100%))
.with_align((Alignment::Begin, Alignment::End))
.with_children(|ui| {
Container::default()
.with_size(size!(100%, auto))
.with_background(color::rgb_hex(0x0079cc))
.with_direction(Direction::Horizontal)
.with_gap(5.)
.with_children(|ui| {
Container::default()
.with_background(color::rgb_hex(0x16815e))
.with_padding((10., 2.))
.with_children(|ui| {
Text::new("><")
.with_text_size(13)
.add_child(ui);
})
.add_child(ui);
Text::new("master")
.with_text_size(15)
.add_child(ui);
})
.add_child(ui);
})
.add_root(ui, size);
} }
); );