TextBoxPage.xaml 4.2 KB

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