TextBoxPage.xaml 7.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <UserControl xmlns="https://github.com/avaloniaui"
  2. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  3. x:Class="ControlCatalog.Pages.TextBoxPage"
  4. xmlns:sys="using:System">
  5. <StackPanel Orientation="Vertical" Spacing="4">
  6. <Label Classes="h2">A control into which the user can input text</Label>
  7. <WrapPanel Margin="-8,0"
  8. HorizontalAlignment="Center">
  9. <StackPanel Orientation="Vertical" Spacing="8" Margin="8">
  10. <TextBox Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit." Width="200"
  11. FontFamily="Comic Sans MS"
  12. Foreground="Blue">
  13. <TextBox.ContextFlyout>
  14. <Flyout>
  15. <TextBlock>Custom context flyout</TextBlock>
  16. </Flyout>
  17. </TextBox.ContextFlyout>
  18. </TextBox>
  19. <TextBox Width="200" Watermark="ReadOnly" IsReadOnly="True" Text="This is read only"/>
  20. <TextBox Width="200" Watermark="Numeric with watermark" TextInputOptions.ContentType="Number" />
  21. <TextBox Width="200"
  22. Watermark="Floating Watermark"
  23. UseFloatingWatermark="True"
  24. Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/>
  25. <MaskedTextBox Width="200" ResetOnSpace="False" Mask="(LLL) 999-0000"/>
  26. <TextBox Width="200" Text="Validation Error">
  27. <DataValidationErrors.Error>
  28. <sys:Exception />
  29. </DataValidationErrors.Error>
  30. </TextBox>
  31. <TextBox Width="200"
  32. Watermark="Password Box"
  33. Classes="revealPasswordButton"
  34. TextInputOptions.ContentType="Password"
  35. UseFloatingWatermark="True"
  36. PasswordChar="*"
  37. Text="Password" />
  38. <TextBox Width="200" Watermark="Suggestions are hidden" TextInputOptions.ShowSuggestions="False" />
  39. <TextBox Width="200" Text="Left aligned text" TextAlignment="Left" AcceptsTab="True" />
  40. <TextBox Width="200" Text="Center aligned text" TextAlignment="Center" />
  41. <TextBox Width="200" Text="Right aligned text" TextAlignment="Right" />
  42. <TextBox Width="200" Text="Custom selection brush"
  43. SelectionStart="5" SelectionEnd="22"
  44. SelectionBrush="Green" SelectionForegroundBrush="Yellow" ClearSelectionOnLostFocus="False"/>
  45. <TextBox Width="200" Text="Custom caret brush" CaretBrush="DarkOrange"/>
  46. </StackPanel>
  47. <StackPanel Orientation="Vertical" Spacing="8" Margin="8">
  48. <TextBox AcceptsReturn="True" TextWrapping="Wrap" Width="200" Height="125"
  49. 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." />
  50. <TextBox AcceptsReturn="True" Width="200" Height="125"
  51. 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." />
  52. <TextBox Classes="clearButton" Text="Clear Content" Width="200" FontWeight="Normal" FontStyle="Normal" Watermark="Watermark" FontFamily="avares://ControlCatalog/Assets/Fonts#Source Sans Pro"/>
  53. <TextBox Text="IME small font" Width="200"
  54. FontFamily="Comic Sans MS"
  55. FontSize="10"
  56. Foreground="Red"/>
  57. <TextBox Text="IME large font" Width="200"
  58. FontFamily="Comic Sans MS"
  59. FontSize="22"
  60. Foreground="Red"/>
  61. <TextBox Text="IME disabled" Width="200"
  62. FontFamily="Comic Sans MS"
  63. InputMethod.IsInputMethodEnabled="False"
  64. Foreground="Red"/>
  65. <TextBox AcceptsReturn="True"
  66. TextWrapping="Wrap"
  67. Width="200"
  68. Height="125"
  69. LineHeight="32"
  70. Text="Multiline TextBox with TextWrapping and increased LineHeight.&#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." />
  71. </StackPanel>
  72. <StackPanel Orientation="Vertical" Spacing="8" Margin="8">
  73. <Label Classes="h2" Target="{Binding #firstResMFont}">res_m fonts</Label>
  74. <TextBox Width="200" x:Name="firstResMFont" Text="Custom font regular" FontWeight="Normal" FontStyle="Normal" FontFamily="resm:ControlCatalog.Assets.Fonts?assembly=ControlCatalog#Source Sans Pro"/>
  75. <TextBox Width="200" Text="Custom font bold" FontWeight="Bold" FontStyle="Normal" FontFamily="resm:ControlCatalog.Assets.Fonts?assembly=ControlCatalog#Source Sans Pro"/>
  76. <TextBox Width="200" Text="Custom font italic" FontWeight="Normal" FontStyle="Italic" FontFamily="resm:ControlCatalog.Assets.Fonts.SourceSansPro-Italic.ttf?assembly=ControlCatalog#Source Sans Pro"/>
  77. <TextBox Width="200" Text="Custom font italic bold" FontWeight="Bold" FontStyle="Italic" FontFamily="resm:ControlCatalog.Assets.Fonts.SourceSansPro-*.ttf?assembly=ControlCatalog#Source Sans Pro"/>
  78. </StackPanel>
  79. <StackPanel Orientation="Vertical" Spacing="8" Margin="8">
  80. <Label Classes="h2" Target="{Binding #firstResFont}">_res fonts</Label>
  81. <TextBox Width="200" x:Name="firstResFont" Text="Custom font regular" FontWeight="Normal" FontStyle="Normal" FontFamily="avares://ControlCatalog/Assets/Fonts#Source Sans Pro"/>
  82. <TextBox Width="200" Text="Custom font bold" FontWeight="Bold" FontStyle="Normal" FontFamily="avares://ControlCatalog/Assets/Fonts#Source Sans Pro"/>
  83. <TextBox Width="200" Text="Custom font italic" FontWeight="Normal" FontStyle="Italic" FontFamily="/Assets/Fonts/SourceSansPro-Italic.ttf#Source Sans Pro"/>
  84. <TextBox Width="200" Text="Custom font italic bold" FontWeight="Bold" FontStyle="Italic" FontFamily="/Assets/Fonts/SourceSansPro-*.ttf#Source Sans Pro"/>
  85. </StackPanel>
  86. </WrapPanel>
  87. <TextBox AcceptsReturn="True" TextWrapping="Wrap" Height="200" MaxWidth="400"
  88. FontFamily="avares://ControlCatalog/Assets/Fonts#WenQuanYi Micro Hei"
  89. Text="计算机科学(是系统性研究信息与计算的理论基础以及它们在计算机系统中如何实现与应用的实用技术的学科。它通常被形容为对那些创造、描述以及转换信息的算法处理的系统研究。计算机科学包含很多分支领域;有些强调特定结果的计算,比如计算机图形学;而有些是探討计算问题的性质,比如计算复杂性理论;还有一些领域專注于怎样实现计算,比如程式語言理論是研究描述计算的方法,而程式设计是应用特定的程式語言解决特定的计算问题,人机交互则是專注于怎样使计算机和计算变得有用、好用,以及随时随地为人所用。&#xD;&#xD;有时公众会误以为计算机科学就是解决计算机问题的事业(比如信息技术),或者只是与使用计算机的经验有关,如玩游戏、上网或者文字处理。其实计算机科学所关注的,不仅仅是去理解实现类似游戏、浏览器这些软件的程序的性质,更要通过现有的知识创造新的程序或者改进已有的程序。" />
  90. </StackPanel>
  91. </UserControl>