TextBlockPage.xaml 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <UserControl xmlns="https://github.com/avaloniaui"
  2. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  3. x:Class="ControlCatalog.Pages.TextBlockPage">
  4. <StackPanel>
  5. <TextBlock Classes="h1">TextBlock</TextBlock>
  6. <TextBlock Classes="h2">A control that can display text</TextBlock>
  7. <StackPanel
  8. Orientation="Horizontal"
  9. Spacing="16"
  10. HorizontalAlignment="Center"
  11. Margin="0,16,0,0">
  12. <StackPanel.Styles>
  13. <Style Selector="Border">
  14. <Setter Property="BorderThickness" Value="1"/>
  15. <Setter Property="BorderBrush" Value="{DynamicResource ThemeBorderMidBrush}"/>
  16. <Setter Property="Padding" Value="2"/>
  17. </Style>
  18. </StackPanel.Styles>
  19. <Border>
  20. <StackPanel Width="200" Spacing="8">
  21. <TextBlock TextTrimming="CharacterEllipsis" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/>
  22. <TextBlock TextTrimming="WordEllipsis" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/>
  23. <TextBlock Text="Left aligned text" TextAlignment="Left" />
  24. <TextBlock Text="Center aligned text" TextAlignment="Center" />
  25. <TextBlock Text="Right aligned text" TextAlignment="Right" />
  26. </StackPanel>
  27. </Border>
  28. <Border>
  29. <StackPanel Width="200" Spacing="8">
  30. <TextBlock
  31. TextWrapping="Wrap"
  32. Text="Multiline TextBlock with TextWrapping.&#xD;&#xD;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." />
  33. </StackPanel>
  34. </Border>
  35. <Border>
  36. <StackPanel Width="200" Spacing="8">
  37. <TextBlock Text="Custom font regular" FontWeight="Normal" FontStyle="Normal" FontFamily="avares://ControlCatalog/Assets/Fonts#Source Sans Pro"/>
  38. <TextBlock Text="Custom font bold" FontWeight="Bold" FontStyle="Normal" FontFamily="avares://ControlCatalog/Assets/Fonts#Source Sans Pro"/>
  39. <TextBlock Text="Custom font italic" FontWeight="Normal" FontStyle="Italic" FontFamily="/Assets/Fonts/SourceSansPro-Italic.ttf#Source Sans Pro"/>
  40. <TextBlock Text="Custom font italic bold" FontWeight="Bold" FontStyle="Italic" FontFamily="/Assets/Fonts/SourceSansPro-*.ttf#Source Sans Pro"/>
  41. </StackPanel>
  42. </Border>
  43. </StackPanel>
  44. <StackPanel
  45. Orientation="Horizontal"
  46. Spacing="16"
  47. HorizontalAlignment="Center"
  48. Margin="0,16,0,0">
  49. <StackPanel.Styles>
  50. <Style Selector="Border">
  51. <Setter Property="BorderThickness" Value="1"/>
  52. <Setter Property="BorderBrush" Value="{DynamicResource ThemeBorderMidBrush}"/>
  53. <Setter Property="Padding" Value="2"/>
  54. </Style>
  55. </StackPanel.Styles>
  56. <Border>
  57. <StackPanel Width="200" Spacing="8">
  58. <TextBlock TextDecorations="Underline" Text="Underline"/>
  59. <TextBlock TextDecorations="Strikethrough" Text="Strikethrough"/>
  60. <TextBlock TextDecorations="Overline" Text="Overline" />
  61. <TextBlock TextDecorations="Baseline" Text="Baseline"/>
  62. <TextBlock Text="Custom TextDecorations">
  63. <TextBlock.TextDecorations>
  64. <TextDecorationCollection>
  65. <TextDecoration
  66. Location="Overline"
  67. StrokeThicknessUnit="Pixel"
  68. StrokeThickness="2">
  69. <TextDecoration.Stroke>
  70. <LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,100%">
  71. <LinearGradientBrush.GradientStops>
  72. <GradientStop Offset="0" Color="Red"/>
  73. <GradientStop Offset="1" Color="Green"/>
  74. </LinearGradientBrush.GradientStops>
  75. </LinearGradientBrush>
  76. </TextDecoration.Stroke>
  77. </TextDecoration>
  78. <TextDecoration
  79. Location="Strikethrough"
  80. StrokeThicknessUnit="Pixel"
  81. StrokeThickness="1">
  82. <TextDecoration.Stroke>
  83. <LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,100%">
  84. <LinearGradientBrush.GradientStops>
  85. <GradientStop Offset="0" Color="Green"/>
  86. <GradientStop Offset="1" Color="Blue"/>
  87. </LinearGradientBrush.GradientStops>
  88. </LinearGradientBrush>
  89. </TextDecoration.Stroke>
  90. </TextDecoration>
  91. <TextDecoration
  92. Location="Underline"
  93. StrokeThicknessUnit="Pixel"
  94. StrokeThickness="2">
  95. <TextDecoration.Stroke>
  96. <LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,100%">
  97. <LinearGradientBrush.GradientStops>
  98. <GradientStop Offset="0" Color="Blue"/>
  99. <GradientStop Offset="1" Color="Red"/>
  100. </LinearGradientBrush.GradientStops>
  101. </LinearGradientBrush>
  102. </TextDecoration.Stroke>
  103. </TextDecoration>
  104. </TextDecorationCollection>
  105. </TextBlock.TextDecorations>
  106. </TextBlock>
  107. </StackPanel>
  108. </Border>
  109. <Border>
  110. <StackPanel Width="200" Spacing="8">
  111. <TextBlock Text="🏻 👌🏻"/>
  112. <TextBlock Text="🏼 👌🏼" />
  113. <TextBlock Text="🏽 👌🏽"/>
  114. <TextBlock Text="🏾 👌🏾"/>
  115. <TextBlock Text="🏿 👌🏿"/>
  116. </StackPanel>
  117. </Border>
  118. <Border>
  119. <StackPanel Width="200" Spacing="8">
  120. <TextBlock Text="👪 👨‍👩‍👧 👨‍👩‍👧‍👦"/>
  121. </StackPanel>
  122. </Border>
  123. </StackPanel>
  124. </StackPanel>
  125. </UserControl>