1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307
//! Text drawing.
//!
//! The [`Text`] drawable can be used to draw text on a draw target. To construct a [`Text`] object
//! at least a text string, position and character style are required. For advanced formatting
//! options an additional [`TextStyle`] object might be required.
//!
//! Text rendering in embedded-graphics is designed to be extendable by text renderers for different
//! font formats. To use a text renderer in an embedded-graphics project each renderer provides a
//! character style object. This object is used to set the appearance of characters, like the text
//! color or the used font. The available settings vary between different text renderer and are
//! documented in the text renderer documentation.
//!
//! See the [`renderer` module] docs for more information about implementing custom text renderers.
//!
//! Embedded-graphics includes a text renderer for monospaced fonts in the [`mono_font`] module.
//! Most examples will use this renderer and the associated [`MonoTextStyle`] character style.
//! But they should be easily adaptable to any external renderer listed in the
//! [external crates list].
//!
//! # Text style
//!
//! In addition to styling the individual characters the [`Text`] drawable also contains a
//! [`TextStyle`] setting. The text style is used to set the alignment and line spacing of text
//! objects.
//!
//! The [`alignment`] setting sets the horizontal alignment of the text. With the default value
//! `Left` the text will be rendered to the right of the given text position. Analogously `Right`
//! aligned text will be rendered to the left of the given position. `Center`ed text will extend
//! equally to the left and right of the text position.
//!
//! The [`baseline`] setting defines the vertical alignment of the first line of text. With the default
//! setting of `Alphabetic` the glyphs will be drawn with their descenders below the given position.
//! This means that the bottom of glyphs without descender (like 'A') will be on the same Y
//! coordinate as the given position. The other baseline settings will position the glyphs relative
//! to the EM box, without considering the baseline.
//!
//! If the text contains multiple lines only the first line will be vertically aligned based on the
//! baseline setting. All following lines will be spaced relative to the first line, according to the [`line_height`] setting.
//!
//! # Examples
//!
//! ## Draw basic text
//!
//! ```
//! use embedded_graphics::{
//! mono_font::{ascii::FONT_6X10, MonoTextStyle},
//! pixelcolor::Rgb565,
//! prelude::*,
//! text::Text,
//! };
//! # use embedded_graphics::mock_display::MockDisplay;
//! # let mut display: MockDisplay<Rgb565> = MockDisplay::default();
//! # display.set_allow_out_of_bounds_drawing(true);
//!
//! // Create a new character style
//! let style = MonoTextStyle::new(&FONT_6X10, Rgb565::WHITE);
//!
//! // Create a text at position (20, 30) and draw it using the previously defined style
//! Text::new("Hello Rust!", Point::new(20, 30), style).draw(&mut display)?;
//! # Ok::<(), core::convert::Infallible>(())
//! ```
//! ## Draw centered text
//!
//! [`Text`] provides the [`with_alignment`] and [`with_baseline`] constructors to easily set
//! these commonly used settings without having to build a [`TextStyle`] object first.
//!
//! ```
//! use embedded_graphics::{
//! mono_font::{ascii::FONT_6X10, MonoTextStyle},
//! pixelcolor::Rgb565,
//! prelude::*,
//! text::{Text, Alignment},
//! };
//! # use embedded_graphics::mock_display::MockDisplay;
//! # let mut display: MockDisplay<Rgb565> = MockDisplay::default();
//! # display.set_allow_out_of_bounds_drawing(true);
//!
//! // Create a new character style
//! let style = MonoTextStyle::new(&FONT_6X10, Rgb565::WHITE);
//!
//! // Create a text at position (20, 30) and draw it using the previously defined style
//! Text::with_alignment(
//! "First line\nSecond line",
//! Point::new(20, 30),
//! style,
//! Alignment::Center,
//! )
//! .draw(&mut display)?;
//! # Ok::<(), core::convert::Infallible>(())
//! ```
//!
//! ## Draw text with `TextStyle`
//!
//! For more advanced text styles a [`TextStyle`] object can be build using the
//! [`TextStyleBuilder`] and then passed to the [`with_text_style`] constructor.
//!
//! ```
//! use embedded_graphics::{
//! mono_font::{ascii::FONT_6X10, MonoTextStyle},
//! pixelcolor::Rgb565,
//! prelude::*,
//! text::{Alignment, LineHeight, Text, TextStyleBuilder},
//! };
//! # use embedded_graphics::mock_display::MockDisplay;
//! # let mut display: MockDisplay<Rgb565> = MockDisplay::default();
//! # display.set_allow_out_of_bounds_drawing(true);
//!
//! // Create a new character style.
//! let character_style = MonoTextStyle::new(&FONT_6X10, Rgb565::WHITE);
//!
//! // Create a new text style.
//! let text_style = TextStyleBuilder::new()
//! .alignment(Alignment::Center)
//! .line_height(LineHeight::Percent(150))
//! .build();
//!
//! // Create a text at position (20, 30) and draw it using the previously defined style.
//! Text::with_text_style(
//! "First line\nSecond line",
//! Point::new(20, 30),
//! character_style,
//! text_style,
//! )
//! .draw(&mut display)?;
//! # Ok::<(), core::convert::Infallible>(())
//! ```
//!
//! ## Combine different character styles
//!
//! The `draw` method for text drawables returns the position of the next character. This can be
//! used to combine text with different character styles on a single line of text.
//!
//! ```
//! use embedded_graphics::{
//! mono_font::{ascii::{FONT_6X10, FONT_10X20}, MonoTextStyle},
//! pixelcolor::Rgb565,
//! prelude::*,
//! text::{Alignment, LineHeight, Text, TextStyleBuilder},
//! };
//! # use embedded_graphics::mock_display::MockDisplay;
//! # let mut display: MockDisplay<Rgb565> = MockDisplay::default();
//! # display.set_allow_out_of_bounds_drawing(true);
//!
//! // Create a small and a large character style.
//! let small_style = MonoTextStyle::new(&FONT_6X10, Rgb565::WHITE);
//! let large_style = MonoTextStyle::new(&FONT_10X20, Rgb565::WHITE);
//!
//! // Draw the first text at (20, 30) using the small character style.
//! let next = Text::new("small ", Point::new(20, 30), small_style).draw(&mut display)?;
//!
//! // Draw the second text after the first text using the large character style.
//! let next = Text::new("large", next, large_style).draw(&mut display)?;
//! # Ok::<(), core::convert::Infallible>(())
//! ```
//!
//! [`Text::new`]: TextStyle::new()
//! [`with_alignment`]: Text::with_alignment()
//! [`with_baseline`]: Text::with_baseline()
//! [`with_text_style`]: Text::with_text_style()
//! [`alignment`]: TextStyle::alignment
//! [`baseline`]: TextStyle::baseline
//! [`line_height`]: TextStyle::line_height
//! [`mono_font`]: super::mono_font
//! [`MonoTextStyle`]: super::mono_font::MonoTextStyle
//! [`renderer` module]: renderer
//! [external crates list]: super#additional-functions-provided-by-external-crates
pub mod renderer;
mod text;
mod text_style;
use embedded_graphics_core::prelude::PixelColor;
pub use text::Text;
pub use text_style::{TextStyle, TextStyleBuilder};
/// Text baseline.
#[derive(Debug, Copy, Clone, Ord, PartialOrd, Eq, PartialEq, Hash)]
#[cfg_attr(feature = "defmt", derive(::defmt::Format))]
pub enum Baseline {
/// Top.
Top,
/// Bottom.
Bottom,
/// Middle.
Middle,
/// Alphabetic baseline.
Alphabetic,
}
/// Horizontal text alignment.
#[derive(Debug, Copy, Clone, Ord, PartialOrd, Eq, PartialEq, Hash)]
#[cfg_attr(feature = "defmt", derive(::defmt::Format))]
pub enum Alignment {
/// Left.
Left,
/// Center.
Center,
/// Right.
Right,
}
/// Text decoration color.
#[derive(Debug, Copy, Clone, Ord, PartialOrd, Eq, PartialEq, Hash)]
#[cfg_attr(feature = "defmt", derive(::defmt::Format))]
pub enum DecorationColor<C> {
/// No text decoration.
None,
/// Text decoration with the same color as the text.
TextColor,
/// Text decoration with a custom color.
Custom(C),
}
impl<C: PixelColor> DecorationColor<C> {
/// Returns `true` if the decoration_color is `None`.
pub const fn is_none(&self) -> bool {
matches!(self, Self::None)
}
/// Returns `true` if the decoration_color is `TextColor`.
pub const fn is_text_color(&self) -> bool {
matches!(self, Self::TextColor)
}
/// Returns `true` if the decoration_color is `Custom`.
pub const fn is_custom(&self) -> bool {
matches!(self, Self::Custom(_))
}
pub(crate) const fn to_color(&self, text_color: Option<C>) -> Option<C> {
match self {
DecorationColor::TextColor => text_color,
DecorationColor::Custom(custom_color) => Some(*custom_color),
DecorationColor::None => None,
}
}
}
/// Text line height.
///
/// The line height is defined as the vertical distance between the baseline of two adjacent lines
/// of text.
#[derive(Debug, Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Hash)]
#[cfg_attr(feature = "defmt", derive(::defmt::Format))]
pub enum LineHeight {
/// Absolute line height in pixels.
Pixels(u32),
/// Relative line height in percent of the default line height.
Percent(u32),
}
impl LineHeight {
/// Converts the line height to an absolute pixel distance.
///
/// # Examples
///
/// ```
/// use embedded_graphics::text::LineHeight;
///
/// let relative_height = LineHeight::Percent(150);
/// assert_eq!(relative_height.to_absolute(20), 30);
/// ```
pub const fn to_absolute(self, base_line_height: u32) -> u32 {
match self {
Self::Pixels(px) => px,
Self::Percent(percent) => base_line_height * percent / 100,
}
}
}
impl Default for LineHeight {
fn default() -> Self {
Self::Percent(100)
}
}
#[cfg(test)]
mod tests {
use super::*;
use crate::pixelcolor::BinaryColor;
#[test]
fn decoration_color_is_methods() {
let none = DecorationColor::<BinaryColor>::None;
assert!(none.is_none());
assert!(!none.is_text_color());
assert!(!none.is_custom());
let text_color = DecorationColor::<BinaryColor>::TextColor;
assert!(!text_color.is_none());
assert!(text_color.is_text_color());
assert!(!text_color.is_custom());
let custom = DecorationColor::Custom(BinaryColor::On);
assert!(!custom.is_none());
assert!(!custom.is_text_color());
assert!(custom.is_custom());
}
#[test]
fn line_height_to_absolute() {
assert_eq!(LineHeight::Pixels(100).to_absolute(20), 100);
assert_eq!(LineHeight::Percent(100).to_absolute(20), 20);
assert_eq!(LineHeight::Percent(150).to_absolute(20), 30);
}
}