Add an example to highlight a layout on mouse over

This commit is contained in:
grovesNL 2022-10-24 09:31:33 -02:30 committed by Josh Groves
parent 4ff7d0d824
commit ca27ec508c

View file

@ -0,0 +1,204 @@
use fontdue::layout::{HorizontalAlign, VerticalAlign};
use glyphon::{
fontdue::{
layout::{CoordinateSystem, Layout, LayoutSettings, TextStyle},
Font, FontSettings,
},
Color, HasColor, Resolution, TextAtlas, TextOverflow, TextRenderer,
};
use wgpu::{
Backends, CommandEncoderDescriptor, CompositeAlphaMode, DeviceDescriptor, Features, Instance,
Limits, LoadOp, Operations, PresentMode, RenderPassColorAttachment, RenderPassDescriptor,
RequestAdapterOptions, SurfaceConfiguration, TextureUsages, TextureViewDescriptor,
};
use winit::{
event::{Event, WindowEvent},
event_loop::{ControlFlow, EventLoop},
window::Window,
};
fn main() {
pollster::block_on(run());
}
#[derive(Clone, Copy)]
struct GlyphUserData {
color: Color,
}
impl HasColor for GlyphUserData {
fn color(&self) -> Color {
self.color
}
}
async fn run() {
let instance = Instance::new(Backends::all());
let adapter = instance
.request_adapter(&RequestAdapterOptions::default())
.await
.unwrap();
let (device, queue) = adapter
.request_device(
&DeviceDescriptor {
label: None,
features: Features::empty(),
limits: Limits::downlevel_defaults(),
},
None,
)
.await
.unwrap();
let event_loop = EventLoop::new();
let window = Window::new(&event_loop).unwrap();
let surface = unsafe { instance.create_surface(&window) };
let size = window.inner_size();
let swapchain_format = surface.get_supported_formats(&adapter)[0];
let mut config = SurfaceConfiguration {
usage: TextureUsages::RENDER_ATTACHMENT,
format: swapchain_format,
width: size.width,
height: size.height,
present_mode: PresentMode::Mailbox,
alpha_mode: CompositeAlphaMode::Opaque,
};
surface.configure(&device, &config);
let min_x = 100f32;
let width = 250f32;
let min_y = 100f32;
let height = 250f32;
let mut atlas = TextAtlas::new(&device, &queue, swapchain_format);
let mut text_renderer = TextRenderer::new(&device, &queue);
let font = include_bytes!("./Inter-Bold.ttf") as &[u8];
let font = Font::from_bytes(font, FontSettings::default()).unwrap();
let fonts = vec![font];
let mut layout = Layout::new(CoordinateSystem::PositiveYDown);
const YELLOW: Color = Color {
r: 255,
g: 255,
b: 0,
a: 255,
};
const BLUE: Color = Color {
r: 0,
g: 0,
b: 255,
a: 255,
};
let mut color = YELLOW;
let mut color_changed = true;
event_loop.run(move |event, _, control_flow| {
let _ = (&instance, &adapter);
*control_flow = ControlFlow::Poll;
match event {
Event::WindowEvent {
event: WindowEvent::Resized(size),
..
} => {
config.width = size.width;
config.height = size.height;
surface.configure(&device, &config);
window.request_redraw();
}
Event::WindowEvent {
event: WindowEvent::CursorMoved { position, .. },
..
} => {
let cursor_in_layout = min_x <= position.x as f32
&& position.x as f32 <= min_x + width
&& min_y < position.y as f32
&& position.y as f32 <= min_y + height;
if cursor_in_layout {
if color != BLUE {
color = BLUE;
color_changed = true;
}
} else {
if color != YELLOW {
color = YELLOW;
color_changed = true;
}
}
}
Event::RedrawRequested(_) => {
if color_changed {
color_changed = false;
println!("Recreating layout because color changed");
layout.reset(&LayoutSettings {
x: min_x,
y: min_y,
max_width: Some(width),
max_height: Some(height),
horizontal_align: HorizontalAlign::Center,
vertical_align: VerticalAlign::Middle,
..LayoutSettings::default()
});
layout.append(
fonts.as_slice(),
&TextStyle::with_user_data(
"Move your mouse over this region to make it blue!",
20.0,
0,
GlyphUserData { color },
),
);
text_renderer
.prepare(
&device,
&queue,
&mut atlas,
Resolution {
width: config.width,
height: config.height,
},
&fonts,
&[(&layout, TextOverflow::Hide)],
)
.unwrap();
}
let frame = surface.get_current_texture().unwrap();
let view = frame.texture.create_view(&TextureViewDescriptor::default());
let mut encoder =
device.create_command_encoder(&CommandEncoderDescriptor { label: None });
{
let mut pass = encoder.begin_render_pass(&RenderPassDescriptor {
label: None,
color_attachments: &[Some(RenderPassColorAttachment {
view: &view,
resolve_target: None,
ops: Operations {
load: LoadOp::Clear(wgpu::Color::BLACK),
store: true,
},
})],
depth_stencil_attachment: None,
});
text_renderer.render(&atlas, &mut pass).unwrap();
}
queue.submit(Some(encoder.finish()));
frame.present();
}
Event::WindowEvent {
event: WindowEvent::CloseRequested,
..
} => *control_flow = ControlFlow::Exit,
Event::MainEventsCleared => {
window.request_redraw();
}
_ => {}
}
});
}