me/iced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Clip text that exceeds section bounds in iced_wgpu

Browse source
This commit is contained in:
Héctor Ramón Jiménez 2023-05-08 16:41:42 +02:00
parent c6d9221ee4
commit 9a8b30d7e9
No known key found for this signature in database
GPG key ID: 140CC052C94F138E
1 changed files with 60 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

108
wgpu/src/text.rs
View file

@ -96,64 +96,76 @@ impl Pipeline {
}) })
.collect(); .collect();
let bounds = glyphon::TextBounds { let bounds = bounds * scale_factor;
left: (bounds.x * scale_factor) as i32,
top: (bounds.y * scale_factor) as i32,
right: ((bounds.x + bounds.width) * scale_factor) as i32,
bottom: ((bounds.y + bounds.height) * scale_factor) as i32,
};
let text_areas = let text_areas =
sections.iter().zip(keys.iter()).map(|(section, key)| { sections
let buffer = .iter()
self.render_cache.get(key).expect("Get cached buffer"); .zip(keys.iter())
.filter_map(|(section, key)| {
let buffer =
self.render_cache.get(key).expect("Get cached buffer");
let x = section.bounds.x * scale_factor; let (total_lines, max_width) = buffer
let y = section.bounds.y * scale_factor; .layout_runs()
.enumerate()
.fold((0, 0.0), |(_, max), (i, buffer)| {
(i + 1, buffer.line_w.max(max))
});
let (total_lines, max_width) = buffer let total_height =
.layout_runs() total_lines as f32 * buffer.metrics().line_height;
.enumerate()
.fold((0, 0.0), |(_, max), (i, buffer)| {
(i + 1, buffer.line_w.max(max))
});
let total_height = let x = section.bounds.x * scale_factor;
total_lines as f32 * buffer.metrics().line_height; let y = section.bounds.y * scale_factor;
let left = match section.horizontal_alignment { let left = match section.horizontal_alignment {
alignment::Horizontal::Left => x, alignment::Horizontal::Left => x,
alignment::Horizontal::Center => x - max_width / 2.0, alignment::Horizontal::Center => x - max_width / 2.0,
alignment::Horizontal::Right => x - max_width, alignment::Horizontal::Right => x - max_width,
}; };
let top = match section.vertical_alignment { let top = match section.vertical_alignment {
alignment::Vertical::Top => y, alignment::Vertical::Top => y,
alignment::Vertical::Center => y - total_height / 2.0, alignment::Vertical::Center => y - total_height / 2.0,
alignment::Vertical::Bottom => y - total_height, alignment::Vertical::Bottom => y - total_height,
}; };
// TODO: Subpixel glyph positioning let section_bounds = Rectangle {
let left = left.round() as i32; x: left,
let top = top.round() as i32; y: top,
width: section.bounds.width * scale_factor,
height: section.bounds.height * scale_factor,
};
glyphon::TextArea { let clip_bounds = bounds.intersection(&section_bounds)?;
buffer,
left,
top,
bounds,
default_color: {
let [r, g, b, a] = section.color.into_linear();
glyphon::Color::rgba( // TODO: Subpixel glyph positioning
(r * 255.0) as u8, let left = left.round() as i32;
(g * 255.0) as u8, let top = top.round() as i32;
(b * 255.0) as u8,
(a * 255.0) as u8, Some(glyphon::TextArea {
) buffer,
}, left,
} top,
}); bounds: glyphon::TextBounds {
left: clip_bounds.x as i32,
top: clip_bounds.y as i32,
right: (clip_bounds.x + clip_bounds.width) as i32,
bottom: (clip_bounds.y + clip_bounds.height) as i32,
},
default_color: {
let [r, g, b, a] = section.color.into_linear();
glyphon::Color::rgba(
(r * 255.0) as u8,
(g * 255.0) as u8,
(b * 255.0) as u8,
(a * 255.0) as u8,
)
},
})
});
let result = renderer.prepare( let result = renderer.prepare(
device, device,