TextBlock
Note: You can check the Avalonia docs for the TextBlock and TextBlock API if you need more information.
The textblock control allows you to present text within the application.
TextBlock.create [
TextBlock.text <text-for-box>
]
You will often want to specify how you want the text to look and TextBlock implements a number of properties to that end
Background You can pass either a basic string or an IBrush instance for more control
TextBlock.create [
TextBlock.background "red"
TextBlock.text "Critical malfunction!"
]
Foreground To set the text color, you can again pass either a basic string or an IBrush instance
TextBlock.create [
TextBlock.foreground "green"
TextBlock.text "All systems operational."
]
Font The look of the font is specified by way of the fontFamily, fontSize, fontWeight and fontStyle properties
TextBlock.create [
TextBlock.fontFamily font // where font is an Avalonia.Media.FontFamily instance
TextBlock.fontSize 24.0
TextBlock.fontWeight Avalonia.Media.FontWeight.Bold
TextBlock.fontStyle Avalonia.Media.FontStyle.Italic
TextBlock.text "Entrance restricted."
]
Padding TextBlock allows you to set the padding in several ways
TextBlock.create [
// using horizontal, vertical values
TextBlock.padding (20.0, 10.0)
// using left, top, right, bottom values
TextBlock.padding (5.0, 10.0, 15.0, 20.0)
// using an Avalonia.Thickness struct
TextBlock.padding thickness
TextBlock.text "It's nice with some space."
]
Text formatting Several properties are available to adjust how the content of the TextBlock is formatted
TextBlock.create [
TextBlock.lineHeight 16.0
TextBlock.maxLines 4
TextBlock.textWrapping Avalonia.Media.TextWrapping.Wrap
TextBlock.textAlignment Avalonia.Media.TextAlignment.Center
TextBlock.textTrimming Avalonia.Media.TextTrimming.WordEllipsis
TextBlock.text "A longer paragraph could at times use some more formatting."
]
Last modified 10mo ago