TextboxKeyboard.xaml 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356
  1. <UserControl x:Class="HistoryView.Controls.Input.TextboxKeyboard"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  5. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  6. xmlns:local="clr-namespace:HistoryView.Controls.Input"
  7. xmlns:resources="clr-namespace:HistoryView.Resources"
  8. mc:Ignorable="d"
  9. x:Name="This"
  10. d:DesignHeight="450" d:DesignWidth="800">
  11. <UserControl.Resources>
  12. <Style TargetType="CheckBox">
  13. <Setter Property="Margin" Value="1"/>
  14. <Setter Property="Template">
  15. <Setter.Value>
  16. <ControlTemplate TargetType="CheckBox">
  17. <Border x:Name="bor" Margin="{TemplateBinding Margin}" CornerRadius="4">
  18. <ContentPresenter Panel.ZIndex="0" VerticalAlignment="Center" HorizontalAlignment="Center" TextElement.Foreground="{StaticResource TextColor}" Margin="12,6"/>
  19. </Border>
  20. <ControlTemplate.Triggers>
  21. <Trigger Property="IsChecked" Value="True">
  22. <Setter Property="Background" TargetName="bor" Value="{StaticResource NiceGreen}"/>
  23. </Trigger>
  24. <Trigger Property="IsChecked" Value="False">
  25. <Setter Property="Background" TargetName="bor" Value="{StaticResource DisableColor}"/>
  26. </Trigger>
  27. </ControlTemplate.Triggers>
  28. </ControlTemplate>
  29. </Setter.Value>
  30. </Setter>
  31. </Style>
  32. </UserControl.Resources>
  33. <Grid>
  34. <ContentPresenter x:Name="presenter" TouchLeave="TextBox_GotFocus" Content="{Binding ElementName=This, Path=DisplayContent}"/>
  35. <Popup x:Name="PopKeyboard" AllowsTransparency="True" PopupAnimation="Slide" PlacementTarget="{Binding ElementName=presenter}" HorizontalOffset="-400" VerticalOffset="16">
  36. <Border BorderBrush="{StaticResource ThemeColor}" BorderThickness="4" CornerRadius="4" Background="{StaticResource BackgroundColor}">
  37. <Border.Effect>
  38. <DropShadowEffect BlurRadius="20" Color="Black" Opacity="0.6" ShadowDepth="6"/>
  39. </Border.Effect>
  40. <Grid Width="auto">
  41. <Grid.RowDefinitions>
  42. <RowDefinition Height="auto"/>
  43. <RowDefinition Height="4"/>
  44. <RowDefinition Height="auto"/>
  45. <RowDefinition Height="0"/>
  46. <RowDefinition/>
  47. </Grid.RowDefinitions>
  48. <Border x:Name="Preview" Background="{StaticResource LightThemeColor}" CornerRadius="4,4,0,0" >
  49. <StackPanel Margin="8" Orientation="Horizontal" HorizontalAlignment="Center">
  50. <TextBlock Foreground="Red" FontSize="16" FontWeight="Bold" VerticalAlignment="Center">|</TextBlock>
  51. <TextBlock FontSize="14" VerticalAlignment="Center" Text="{Binding ElementName=This, Path=Display}"/>
  52. <TextBlock Foreground="Red" FontSize="16" FontWeight="Bold" VerticalAlignment="Center">|</TextBlock>
  53. </StackPanel>
  54. </Border>
  55. <Border x:Name="Selection" Grid.Row="2" Background="{StaticResource BackgroundColor}">
  56. <resources:TouchableScrollViewer VerticalScrollBarVisibility="Disabled" HorizontalAlignment="Left" HorizontalScrollBarVisibility="Hidden" MaxWidth="1000">
  57. <ItemsControl ItemsSource="{Binding ElementName=This,Path=Filtered}" Margin="0,8">
  58. <ItemsControl.ItemTemplate>
  59. <DataTemplate>
  60. <Button Style="{StaticResource FunctionButton}" Background="{StaticResource SubThemeColor}" Margin="8,2" Click="Select" Content="{Binding}"/>
  61. </DataTemplate>
  62. </ItemsControl.ItemTemplate>
  63. <ItemsControl.ItemsPanel>
  64. <ItemsPanelTemplate>
  65. <StackPanel Orientation="Horizontal"/>
  66. </ItemsPanelTemplate>
  67. </ItemsControl.ItemsPanel>
  68. </ItemsControl>
  69. </resources:TouchableScrollViewer>
  70. </Border>
  71. <StackPanel Grid.Row="4" TextElement.FontSize="16" TextElement.FontWeight="Bold">
  72. <Grid Margin="8,4">
  73. <Grid.ColumnDefinitions>
  74. <ColumnDefinition Width="42"/>
  75. <ColumnDefinition Width="8"/>
  76. <ColumnDefinition Width="42"/>
  77. <ColumnDefinition Width="8"/>
  78. <ColumnDefinition Width="42"/>
  79. <ColumnDefinition Width="8"/>
  80. <ColumnDefinition Width="42"/>
  81. <ColumnDefinition Width="8"/>
  82. <ColumnDefinition Width="42"/>
  83. <ColumnDefinition Width="8"/>
  84. <ColumnDefinition Width="42"/>
  85. <ColumnDefinition Width="8"/>
  86. <ColumnDefinition Width="42"/>
  87. <ColumnDefinition Width="8"/>
  88. <ColumnDefinition Width="42"/>
  89. <ColumnDefinition Width="8"/>
  90. <ColumnDefinition Width="42"/>
  91. <ColumnDefinition Width="8"/>
  92. <ColumnDefinition Width="42"/>
  93. <ColumnDefinition Width="8"/>
  94. <ColumnDefinition Width="42"/>
  95. <ColumnDefinition Width="8"/>
  96. <ColumnDefinition Width="42"/>
  97. <ColumnDefinition Width="8"/>
  98. <ColumnDefinition Width="42"/>
  99. <ColumnDefinition Width="8"/>
  100. <ColumnDefinition Width="42"/>
  101. <ColumnDefinition Width="8"/>
  102. <ColumnDefinition Width="*"/>
  103. </Grid.ColumnDefinitions>
  104. <Button Grid.Column="0" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">!</Button>
  105. <Button Grid.Column="2" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">@</Button>
  106. <Button Grid.Column="4" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">#</Button>
  107. <Button Grid.Column="6" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">$</Button>
  108. <Button Grid.Column="8" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">%</Button>
  109. <Button Grid.Column="10" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">^</Button>
  110. <Button Grid.Column="12" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">&amp;</Button>
  111. <Button Grid.Column="14" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">*</Button>
  112. <Button Grid.Column="16" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">(</Button>
  113. <Button Grid.Column="18" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">)</Button>
  114. <Button Grid.Column="20" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">-</Button>
  115. <Button Grid.Column="22" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">+</Button>
  116. <Button Grid.Column="24" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">|</Button>
  117. <Button Grid.Column="26" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">\</Button>
  118. <Button Grid.Column="28" Style="{StaticResource FunctionButton}" Click="Clear" Background="{StaticResource WarningColor}">Clear</Button>
  119. </Grid>
  120. <Grid Margin="8,4" Height="40">
  121. <Grid.ColumnDefinitions>
  122. <ColumnDefinition Width="0"/>
  123. <ColumnDefinition Width="0"/>
  124. <ColumnDefinition Width="42"/>
  125. <ColumnDefinition Width="8"/>
  126. <ColumnDefinition Width="42"/>
  127. <ColumnDefinition Width="8"/>
  128. <ColumnDefinition Width="42"/>
  129. <ColumnDefinition Width="8"/>
  130. <ColumnDefinition Width="42"/>
  131. <ColumnDefinition Width="8"/>
  132. <ColumnDefinition Width="42"/>
  133. <ColumnDefinition Width="8"/>
  134. <ColumnDefinition Width="42"/>
  135. <ColumnDefinition Width="8"/>
  136. <ColumnDefinition Width="42"/>
  137. <ColumnDefinition Width="8"/>
  138. <ColumnDefinition Width="42"/>
  139. <ColumnDefinition Width="8"/>
  140. <ColumnDefinition Width="42"/>
  141. <ColumnDefinition Width="8"/>
  142. <ColumnDefinition Width="42"/>
  143. <ColumnDefinition Width="8"/>
  144. <ColumnDefinition Width="42"/>
  145. <ColumnDefinition Width="8"/>
  146. <ColumnDefinition Width="42"/>
  147. <ColumnDefinition Width="8"/>
  148. <ColumnDefinition Width="42"/>
  149. <ColumnDefinition Width="8"/>
  150. <ColumnDefinition Width="*"/>
  151. </Grid.ColumnDefinitions>
  152. <Border Grid.Column="0" CornerRadius="4" Background="{StaticResource DisableColor}"/>
  153. <Button Grid.Column="2" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">~</Button>
  154. <Button Grid.Column="4" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">1</Button>
  155. <Button Grid.Column="6" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">2</Button>
  156. <Button Grid.Column="8" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">3</Button>
  157. <Button Grid.Column="10" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">4</Button>
  158. <Button Grid.Column="12" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">5</Button>
  159. <Button Grid.Column="14" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">6</Button>
  160. <Button Grid.Column="16" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">7</Button>
  161. <Button Grid.Column="18" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">8</Button>
  162. <Button Grid.Column="20" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">9</Button>
  163. <Button Grid.Column="22" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">0</Button>
  164. <Button Grid.Column="24" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">_</Button>
  165. <Button Grid.Column="26" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">=</Button>
  166. <Button Grid.Column="28" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" Click="Delete">BackSpace</Button>
  167. </Grid>
  168. <Grid Margin="8,4" Height="40" x:Name="Line1">
  169. <Grid.ColumnDefinitions>
  170. <ColumnDefinition Width="*"/>
  171. <ColumnDefinition Width="8"/>
  172. <ColumnDefinition Width="42"/>
  173. <ColumnDefinition Width="8"/>
  174. <ColumnDefinition Width="42"/>
  175. <ColumnDefinition Width="8"/>
  176. <ColumnDefinition Width="42"/>
  177. <ColumnDefinition Width="8"/>
  178. <ColumnDefinition Width="42"/>
  179. <ColumnDefinition Width="8"/>
  180. <ColumnDefinition Width="42"/>
  181. <ColumnDefinition Width="8"/>
  182. <ColumnDefinition Width="42"/>
  183. <ColumnDefinition Width="8"/>
  184. <ColumnDefinition Width="42"/>
  185. <ColumnDefinition Width="8"/>
  186. <ColumnDefinition Width="42"/>
  187. <ColumnDefinition Width="8"/>
  188. <ColumnDefinition Width="42"/>
  189. <ColumnDefinition Width="8"/>
  190. <ColumnDefinition Width="42"/>
  191. <ColumnDefinition Width="8"/>
  192. <ColumnDefinition Width="42"/>
  193. <ColumnDefinition Width="8"/>
  194. <ColumnDefinition Width="42"/>
  195. <ColumnDefinition Width="8"/>
  196. <ColumnDefinition Width="42"/>
  197. <ColumnDefinition Width="8"/>
  198. <ColumnDefinition Width="42"/>
  199. <ColumnDefinition Width="8"/>
  200. <ColumnDefinition Width="*"/>
  201. </Grid.ColumnDefinitions>
  202. <Border Grid.Column="0" CornerRadius="4" Background="{StaticResource LightDisableColor}"/>
  203. <Button Grid.Column="2" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">q</Button>
  204. <Button Grid.Column="4" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">w</Button>
  205. <Button Grid.Column="6" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">e</Button>
  206. <Button Grid.Column="8" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">r</Button>
  207. <Button Grid.Column="10" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">t</Button>
  208. <Button Grid.Column="12" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">y</Button>
  209. <Button Grid.Column="14" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">u</Button>
  210. <Button Grid.Column="16" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">i</Button>
  211. <Button Grid.Column="18" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">o</Button>
  212. <Button Grid.Column="20" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">p</Button>
  213. <Button Grid.Column="22" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">[</Button>
  214. <Button Grid.Column="24" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">]</Button>
  215. <Button Grid.Column="26" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">{</Button>
  216. <Button Grid.Column="28" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">}</Button>
  217. <Border Grid.Column="30" CornerRadius="4" Background="{StaticResource LightDisableColor}"/>
  218. </Grid>
  219. <Grid Margin="8,4" Height="40" x:Name="Line2">
  220. <Grid.ColumnDefinitions>
  221. <ColumnDefinition Width="*"/>
  222. <ColumnDefinition Width="8"/>
  223. <ColumnDefinition Width="42"/>
  224. <ColumnDefinition Width="8"/>
  225. <ColumnDefinition Width="42"/>
  226. <ColumnDefinition Width="8"/>
  227. <ColumnDefinition Width="42"/>
  228. <ColumnDefinition Width="8"/>
  229. <ColumnDefinition Width="42"/>
  230. <ColumnDefinition Width="8"/>
  231. <ColumnDefinition Width="42"/>
  232. <ColumnDefinition Width="8"/>
  233. <ColumnDefinition Width="42"/>
  234. <ColumnDefinition Width="8"/>
  235. <ColumnDefinition Width="42"/>
  236. <ColumnDefinition Width="8"/>
  237. <ColumnDefinition Width="42"/>
  238. <ColumnDefinition Width="8"/>
  239. <ColumnDefinition Width="42"/>
  240. <ColumnDefinition Width="8"/>
  241. <ColumnDefinition Width="42"/>
  242. <ColumnDefinition Width="8"/>
  243. <ColumnDefinition Width="42"/>
  244. <ColumnDefinition Width="8"/>
  245. <ColumnDefinition Width="42"/>
  246. <ColumnDefinition Width="8"/>
  247. <ColumnDefinition Width="42"/>
  248. <ColumnDefinition Width="8"/>
  249. <ColumnDefinition Width="42"/>
  250. </Grid.ColumnDefinitions>
  251. <CheckBox Grid.Column="0" IsChecked="{Binding ElementName=This, Path=IsCaps}" Background="{StaticResource ThemeColor}">Caps</CheckBox>
  252. <Button Grid.Column="2" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">a</Button>
  253. <Button Grid.Column="4" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">s</Button>
  254. <Button Grid.Column="6" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">d</Button>
  255. <Button Grid.Column="8" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">f</Button>
  256. <Button Grid.Column="10" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">g</Button>
  257. <Button Grid.Column="12" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">h</Button>
  258. <Button Grid.Column="14" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">j</Button>
  259. <Button Grid.Column="16" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">k</Button>
  260. <Button Grid.Column="18" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">l</Button>
  261. <Button Grid.Column="20" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">;</Button>
  262. <Button Grid.Column="22" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">'</Button>
  263. <Button Grid.Column="24" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">:</Button>
  264. <Button Grid.Column="26" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">"</Button>
  265. <Button Grid.Column="28" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">?</Button>
  266. </Grid>
  267. <Grid Margin="8,4" Height="40" x:Name="Line3">
  268. <Grid.ColumnDefinitions>
  269. <ColumnDefinition Width="*"/>
  270. <ColumnDefinition Width="8"/>
  271. <ColumnDefinition Width="42"/>
  272. <ColumnDefinition Width="8"/>
  273. <ColumnDefinition Width="42"/>
  274. <ColumnDefinition Width="8"/>
  275. <ColumnDefinition Width="42"/>
  276. <ColumnDefinition Width="8"/>
  277. <ColumnDefinition Width="42"/>
  278. <ColumnDefinition Width="8"/>
  279. <ColumnDefinition Width="42"/>
  280. <ColumnDefinition Width="8"/>
  281. <ColumnDefinition Width="42"/>
  282. <ColumnDefinition Width="8"/>
  283. <ColumnDefinition Width="42"/>
  284. <ColumnDefinition Width="8"/>
  285. <ColumnDefinition Width="42"/>
  286. <ColumnDefinition Width="8"/>
  287. <ColumnDefinition Width="42"/>
  288. <ColumnDefinition Width="8"/>
  289. <ColumnDefinition Width="42"/>
  290. <ColumnDefinition Width="8"/>
  291. <ColumnDefinition Width="42"/>
  292. <ColumnDefinition Width="8"/>
  293. <ColumnDefinition Width="42"/>
  294. <ColumnDefinition Width="8"/>
  295. <ColumnDefinition Width="*"/>
  296. </Grid.ColumnDefinitions>
  297. <CheckBox Grid.Column="0" IsChecked="{Binding ElementName=This, Path=IsShift}" Background="{StaticResource ThemeColor}">Shift</CheckBox>
  298. <Button Grid.Column="2" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">z</Button>
  299. <Button Grid.Column="4" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">x</Button>
  300. <Button Grid.Column="6" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">c</Button>
  301. <Button Grid.Column="8" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">v</Button>
  302. <Button Grid.Column="10" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">b</Button>
  303. <Button Grid.Column="12" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">n</Button>
  304. <Button Grid.Column="14" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">m</Button>
  305. <Button Grid.Column="16" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">,</Button>
  306. <Button Grid.Column="18" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">.</Button>
  307. <Button Grid.Column="20" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">/</Button>
  308. <Button Grid.Column="22" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">&lt;</Button>
  309. <Button Grid.Column="24" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" TouchDown="Button_TouchDown" TouchLeave="Button_TouchLeave" Click="SendKey">&gt;</Button>
  310. <CheckBox Grid.Column="26" IsChecked="{Binding ElementName=This, Path=IsShift}" Background="{StaticResource ThemeColor}">Shift</CheckBox>
  311. </Grid>
  312. <Grid Margin="8,4" Height="40">
  313. <Grid.ColumnDefinitions>
  314. <ColumnDefinition Width="100"/>
  315. <ColumnDefinition Width="8"/>
  316. <ColumnDefinition Width="*"/>
  317. <ColumnDefinition Width="8"/>
  318. <ColumnDefinition Width="100"/>
  319. </Grid.ColumnDefinitions>
  320. <Button x:Name="Cancel" Grid.Column="0" Style="{StaticResource FunctionButton}" Click="CancelConfirm" CommandParameter="Cancel" Background="{StaticResource EmergencyColor}">取消</Button>
  321. <Button Grid.Column="2" Style="{StaticResource FunctionButton}" Background="{StaticResource ThemeColor}" Click="SendKey">Space</Button>
  322. <Button Grid.Column="4" Style="{StaticResource FunctionButton}" Click="CancelConfirm" CommandParameter="Confirm" Background="{StaticResource NiceGreen}">确定</Button>
  323. </Grid>
  324. </StackPanel>
  325. </Grid>
  326. </Border>
  327. </Popup>
  328. <Popup x:Name="Hint" Placement="Top" VerticalOffset="-16" AllowsTransparency="True">
  329. <Border Background="White" Width="50" Height="40" CornerRadius="8">
  330. <TextBlock x:Name="HintText" FontSize="24" VerticalAlignment="Center" HorizontalAlignment="Center" FontWeight="Bold" Foreground="Black"/>
  331. </Border>
  332. </Popup>
  333. </Grid>
  334. </UserControl>