hUI/hui-examples/examples/ui_test_7_9patch.rs

use std::time::Instant;
use glam::vec2;
use hui::{
  color, element::{
    container::Container, fill_rect::FillRect, text::Text, UiElementExt
  }, frame::nine_patch::{NinePatchAsset, NinePatchFrame}, frame_rect, layout::{Alignment, Direction}, rect::Rect, size
};

#[path = "../boilerplate.rs"]
#[macro_use]
mod boilerplate;

ui_main!(
  "hUI: 9-Patch demo",
  init: |ui| {
    NinePatchAsset {
      image: ui.add_image_file_path("./hui-examples/assets/ninepatch_button.png").unwrap(),
      size: (190, 49),
      scalable_region: Rect {
        position: vec2(8. / 190., 8. / 49.),
        size: vec2(1. - 16. / 190., 1. - 18. / 49.),
      },
    }
  },
  run: |ui, size, asset| {
    Container::default()
      .with_size(size!(100%))
      .with_align(Alignment::Center)
      .with_gap(5.)
      .with_background(color::WHITE)
      .with_children(|ui| {
        Container::default()
          .with_size(size!(300, 100))
          .with_background(NinePatchFrame::from_asset(*asset).with_color(color::RED))
          .with_padding(10.)
          .with_children(|ui| {
            Text::new("Hello, world!\nThis is a 9-patch frame used as a background \nfor Container with a Text element.\nIt's scalable and looks great!\nBelow, there are two FillRects with the same \n9-patch frame used as the background.")
              .with_text_size(16)
              .add_child(ui);
          })
          .add_child(ui);
        FillRect::default()
          .with_size(size!(600, 75))
          .with_frame(NinePatchFrame::from_asset(*asset).with_color(color::GREEN))
          .add_child(ui);
        Text::new("This one's fancy:")
          .with_color(color::BLACK)
          .with_text_size(32)
          .add_child(ui);
        FillRect::default()
          .with_size(size!(800, 50))
          .with_frame(NinePatchFrame::from_asset(*asset).with_color((
            (1., 0., 1.),
            (0., 1., 1.),
            (1., 1., 0.),
            (0., 0., 1.),
          )))
          .add_child(ui);
      })
      .add_root(ui, size);
  }
);