| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 |
- <UserControl x:Class="ControlCatalog.Pages.TextBlockPage"
- xmlns="https://github.com/avaloniaui"
- xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
- <StackPanel>
- <TextBlock Classes="h2">A control that can display text</TextBlock>
- <WrapPanel MaxWidth="680"
- Margin="-10,0"
- HorizontalAlignment="Center">
- <WrapPanel.Styles>
- <Style Selector="Border">
- <Setter Property="BorderThickness" Value="1" />
- <Setter Property="BorderBrush" Value="{DynamicResource CatalogBaseMediumColor}" />
- <Setter Property="Padding" Value="2" />
- <Setter Property="Margin" Value="10" />
- <Setter Property="Width" Value="200" />
- </Style>
- </WrapPanel.Styles>
- <Border>
- <StackPanel Spacing="8">
- <TextBlock Margin="0,0,10,0"
- Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
- TextTrimming="CharacterEllipsis" />
- <TextBlock Margin="0,0,10,0"
- Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
- TextTrimming="WordEllipsis" />
- <TextBlock Text="Left aligned text" TextAlignment="Left" />
- <TextBlock Text="Center aligned text" TextAlignment="Center" />
- <TextBlock Text="Right aligned text" TextAlignment="Right" />
- </StackPanel>
- </Border>
- <Border>
- <StackPanel Spacing="8">
- <TextBlock Text="Multiline TextBlock with TextWrapping.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est." TextWrapping="Wrap" />
- </StackPanel>
- </Border>
- <Border>
- <StackPanel Spacing="8">
- <TextBlock FontFamily="avares://ControlCatalog/Assets/Fonts#Source Sans Pro"
- FontStyle="Normal"
- FontWeight="Normal"
- Text="Custom font regular" />
- <TextBlock FontFamily="avares://ControlCatalog/Assets/Fonts#Source Sans Pro"
- FontStyle="Normal"
- FontWeight="Bold"
- Text="Custom font bold" />
- <TextBlock FontFamily="/Assets/Fonts/SourceSansPro-Italic.ttf#Source Sans Pro"
- FontStyle="Italic"
- FontWeight="Normal"
- Text="Custom font italic" />
- <TextBlock FontFamily="/Assets/Fonts/SourceSansPro-*.ttf#Source Sans Pro"
- FontStyle="Italic"
- FontWeight="Bold"
- Text="Custom font italic bold" />
- </StackPanel>
- </Border>
- <Border>
- <StackPanel Spacing="8">
- <TextBlock Text="Underline" TextDecorations="Underline" />
- <TextBlock Text="Strikethrough" TextDecorations="Strikethrough" />
- <TextBlock Text="Overline" TextDecorations="Overline" />
- <TextBlock Text="Baseline" TextDecorations="Baseline" />
- <TextBlock Text="Custom TextDecorations">
- <TextBlock.TextDecorations>
- <TextDecorationCollection>
- <TextDecoration Location="Overline"
- StrokeThickness="2"
- StrokeThicknessUnit="Pixel">
- <TextDecoration.Stroke>
- <LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,100%">
- <LinearGradientBrush.GradientStops>
- <GradientStop Offset="0" Color="Red" />
- <GradientStop Offset="1" Color="Green" />
- </LinearGradientBrush.GradientStops>
- </LinearGradientBrush>
- </TextDecoration.Stroke>
- </TextDecoration>
- <TextDecoration Location="Strikethrough"
- StrokeThickness="1"
- StrokeThicknessUnit="Pixel">
- <TextDecoration.Stroke>
- <LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,100%">
- <LinearGradientBrush.GradientStops>
- <GradientStop Offset="0" Color="Green" />
- <GradientStop Offset="1" Color="Blue" />
- </LinearGradientBrush.GradientStops>
- </LinearGradientBrush>
- </TextDecoration.Stroke>
- </TextDecoration>
- <TextDecoration Location="Underline"
- StrokeThickness="2"
- StrokeThicknessUnit="Pixel">
- <TextDecoration.Stroke>
- <LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,100%">
- <LinearGradientBrush.GradientStops>
- <GradientStop Offset="0" Color="Blue" />
- <GradientStop Offset="1" Color="Red" />
- </LinearGradientBrush.GradientStops>
- </LinearGradientBrush>
- </TextDecoration.Stroke>
- </TextDecoration>
- </TextDecorationCollection>
- </TextBlock.TextDecorations>
- </TextBlock>
- </StackPanel>
- </Border>
- <Border>
- <StackPanel Spacing="8">
- <TextBlock Text="🏻 👌🏻" />
- <TextBlock Text="🏼 👌🏼" />
- <TextBlock Text="🏽 👌🏽" />
- <TextBlock Text="🏾 👌🏾" />
- <TextBlock Text="🏿 👌🏿" />
- </StackPanel>
- </Border>
- <Border>
- <StackPanel Spacing="8">
- <TextBlock Text="👪 👨👩👧 👨👩👧👦" />
- </StackPanel>
- </Border>
- <Border>
- <SelectableTextBlock Margin="10" TextWrapping="Wrap">
- This <Span FontWeight="Bold">is</Span> a
- <Span Background="Silver" Foreground="Maroon">TextBlock</Span>
- with <Span TextDecorations="Underline">several</Span>
- <Span FontStyle="Italic">Span</Span> elements,
- <Span Foreground="Blue">
- using a <Bold>variety</Bold> of <Italic>styles</Italic>
- </Span>.
- </SelectableTextBlock>
- </Border>
- </WrapPanel>
- </StackPanel>
- </UserControl>
|