TextBoxPage.xaml 4.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <UserControl xmlns="https://github.com/avaloniaui"
  2. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Class="ControlCatalog.Pages.TextBoxPage">
  3. <StackPanel Orientation="Vertical" Spacing="4">
  4. <TextBlock Classes="h1">TextBox</TextBlock>
  5. <TextBlock Classes="h2">A control into which the user can input text</TextBlock>
  6. <StackPanel Orientation="Horizontal" Margin="0,16,0,0" HorizontalAlignment="Center" Spacing="16">
  7. <StackPanel Orientation="Vertical" Spacing="8">
  8. <TextBox Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit." Width="200" />
  9. <TextBox Watermark="ReadOnly" IsReadOnly="True" Text="This is read only"/>
  10. <TextBox Width="200" Watermark="Watermark" />
  11. <TextBox Width="200" Watermark="Floating Watermark" UseFloatingWatermark="True" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/>
  12. <TextBox Width="200" Watermark="Password Box" UseFloatingWatermark="True" PasswordChar="*" Text="Password" />
  13. <TextBox Width="200" Text="Left aligned text" TextAlignment="Left" />
  14. <TextBox Width="200" Text="Center aligned text" TextAlignment="Center" />
  15. <TextBox Width="200" Text="Right aligned text" TextAlignment="Right" />
  16. <TextBox Width="200" Text="Custom selection brush" SelectionStart="5" SelectionEnd="22" SelectionBrush="Green" SelectionForegroundBrush="Yellow"/>
  17. <TextBox Width="200" Text="Custom caret brush" CaretBrush="DarkOrange"/>
  18. </StackPanel>
  19. <StackPanel Orientation="Vertical" Spacing="8">
  20. <TextBox AcceptsReturn="True" TextWrapping="Wrap" Width="200" Height="125" Text="Multiline TextBox 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." />
  21. <TextBox AcceptsReturn="True" Width="200" Height="125" Text="Multiline TextBox with no 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." />
  22. </StackPanel>
  23. <StackPanel Orientation="Vertical" Spacing="8">
  24. <TextBlock Classes="h2">resm fonts</TextBlock>
  25. <TextBox Width="200" Text="Custom font regular" FontWeight="Normal" FontStyle="Normal" FontFamily="resm:ControlCatalog.Assets.Fonts?assembly=ControlCatalog#Source Sans Pro"/>
  26. <TextBox Width="200" Text="Custom font bold" FontWeight="Bold" FontStyle="Normal" FontFamily="resm:ControlCatalog.Assets.Fonts?assembly=ControlCatalog#Source Sans Pro"/>
  27. <TextBox Width="200" Text="Custom font italic" FontWeight="Normal" FontStyle="Italic" FontFamily="resm:ControlCatalog.Assets.Fonts.SourceSansPro-Italic.ttf?assembly=ControlCatalog#Source Sans Pro"/>
  28. <TextBox Width="200" Text="Custom font italic bold" FontWeight="Bold" FontStyle="Italic" FontFamily="resm:ControlCatalog.Assets.Fonts.SourceSansPro-*.ttf?assembly=ControlCatalog#Source Sans Pro"/>
  29. </StackPanel>
  30. <StackPanel Orientation="Vertical" Spacing="8">
  31. <TextBlock Classes="h2">res fonts</TextBlock>
  32. <TextBox Width="200" Text="Custom font regular" FontWeight="Normal" FontStyle="Normal" FontFamily="avares://ControlCatalog/Assets/Fonts#Source Sans Pro"/>
  33. <TextBox Width="200" Text="Custom font bold" FontWeight="Bold" FontStyle="Normal" FontFamily="avares://ControlCatalog/Assets/Fonts#Source Sans Pro"/>
  34. <TextBox Width="200" Text="Custom font italic" FontWeight="Normal" FontStyle="Italic" FontFamily="/Assets/Fonts/SourceSansPro-Italic.ttf#Source Sans Pro"/>
  35. <TextBox Width="200" Text="Custom font italic bold" FontWeight="Bold" FontStyle="Italic" FontFamily="/Assets/Fonts/SourceSansPro-*.ttf#Source Sans Pro"/>
  36. </StackPanel>
  37. <StackPanel Orientation="Vertical" Spacing="8">
  38. <StackPanel.Styles>
  39. <Style Selector="TextBox">
  40. <Setter Property="InnerRightContent">
  41. <Template>
  42. <Button Content="Clear" />
  43. </Template>
  44. </Setter>
  45. </Style>
  46. </StackPanel.Styles>
  47. <TextBlock Classes="h2">Test</TextBlock>
  48. <TextBox Width="200" Text="Custom font regular" FontWeight="Normal" FontStyle="Normal" FontFamily="avares://ControlCatalog/Assets/Fonts#Source Sans Pro"/>
  49. </StackPanel>
  50. </StackPanel>
  51. </StackPanel>
  52. </UserControl>