csharpc-sharpdotnetxamlavaloniauicross-platformcross-platform-xamlavaloniaguimulti-platformuser-interfacedotnetcore
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
5.9 KiB
122 lines
5.9 KiB
<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 SystemControlHighlightBaseMediumLowBrush}" />
|
|
<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>
|
|
</WrapPanel>
|
|
</StackPanel>
|
|
</UserControl>
|
|
|