一個(gè)WPF下的虛擬鍵盤(pán)實(shí)現(xiàn)
給上位機(jī)觸摸屏做一個(gè)虛擬鍵盤(pán)，這玩意兒不就是一排的網(wǎng)格里面放滿button嘛 。說(shuō)歸這樣說(shuō) 依然還是有一堆細(xì)節(jié)需要你去處理的。不論如何 先畫(huà)個(gè)鍵盤(pán)吧。
簡(jiǎn)單的從網(wǎng)上找個(gè)鍵盤(pán)位圖做參照使用 4行Grid 布局一下 是不是有模有樣。主要是按鍵的樣式要想好看的話的花一些功夫。然后所有的button需要綁定同一個(gè)事件，由于WPF里的事件是路由事件 我們直接在最外面的Grid上寫(xiě) ButtonBase.Click="ButtonGrid_Click" 即可 ，以前竟然沒(méi)發(fā)現(xiàn)還可以這樣ButtonBase 了解了。然后有幾個(gè)藍(lán)色的Fun按鍵需要做特殊處理和定義， 還有就算我們做成的userControl控件，需要把事件暴露給外部 讓按特定鍵的時(shí)候外部寫(xiě)自己的處理邏輯。
按鍵和事件定義
1 public Action<object> MyKeyDown; 2 private String valueString; 3 4 internal String ValueString 5 { 6 get { return valueString; } 7 } 8 public enum EKeyitem 9 { 10 DEl, 11 AC, 12 OK, 13 Shift, 14 A 15 }
事件觸發(fā)
1 private void ButtonGrid_Click(object sender, RoutedEventArgs e) 2 { 3 Button clickedButton = (Button)e.OriginalSource; //獲取click事件觸發(fā)源，即按了的按鈕 4 if ((String)clickedButton.Content == "DEL") 5 { 6 MyKeyDown(EKeyitem.DEl); 7 } 8 else if ((String)clickedButton.Content == "AC") 9 { 10 MyKeyDown(EKeyitem.AC); 11 } 12 else if ((String)clickedButton.Content == "確認(rèn)") 13 { 14 MyKeyDown(EKeyitem.OK); 15 //this.Close(); 16 } 17 else if ((String)clickedButton.Content == "A/a") 18 { 19 for (int j = 1; j < 4; j++) 20 { 21 Grid grd = ButtonGrid.Children[j] as Grid; 22 int count2 = grd.Children.Count; 23 for (int i = 0; i < count2; i++) 24 { 25 Button buttonTemp = grd.Children[i] as Button; 26 String contentTemp = buttonTemp.Content as String; 27 if (contentTemp == "AC" || contentTemp == "A/a") 28 continue; 29 buttonTemp.Content = contentTemp[0] > 90 ? contentTemp.ToUpper() : contentTemp.ToLower(); 30 } 31 } 32 33 } 34 else 35 { 36 MyKeyDown((String)clickedButton.Content); 37 } 38 }
外部使用，常規(guī)usercontrol一樣使用，先是引入命名空間xmlns:local="clr-namespace:xxx，由于虛擬鍵盤(pán)有一個(gè)特性 ，比如我們點(diǎn)擊文本框那么它應(yīng)該出現(xiàn)，且出現(xiàn)的位置剛好在文本框下方，我點(diǎn)回車虛擬鍵盤(pán)消失，那么這里有一丁丁的奇技淫巧，那就是可以進(jìn)行絕對(duì)定位的canvas組件。
1 <Grid> 2 <TextBox Width="300" Height="50" FontSize="25" Name="tbx_QueryCode" Text="" PreviewMouseDown="tbx_QueryCode_PreviewMouseDown" KeyDown="tbx_QueryCode_KeyDown" GotFocus="tbx_QueryCode_GotFocus"></TextBox> 3 <Canvas Name="vkContext" Focusable="False" > 4 <local:VKeyBoard Canvas.Left="50" Focusable="False" Canvas.Top="100" Visibility="Hidden" x:Name="myvk"></local:VKeyBoard> 5 </Canvas> 6 </Grid>
文本框獲取焦點(diǎn)時(shí)
1 private void tbx_QueryCode_GotFocus(object sender, RoutedEventArgs e) 2 { 3 myvk.Visibility = Visibility.Visible; 4 focusTbx = tbx_QueryCode; 5 RePointKeyBoard(); 6 }
虛擬鍵盤(pán)的聚焦
1 public void RePointKeyBoard() 2 { 3 if (focusTbx != null) 4 { 5 Point p = focusTbx.TranslatePoint(new Point(0, 0), windContent); 6 7 this.myvk.SetValue(Canvas.LeftProperty, p.X); 8 this.myvk.SetValue(Canvas.TopProperty, p.Y + focusTbx.Height); 9 } 10 11 }
還有就是虛擬鍵盤(pán)外露給我們事件的處理。
開(kāi)始時(shí)綁定事件
1 private void Window_Loaded(object sender, RoutedEventArgs e) 2 { 3 myvk.MyKeyDown = MyKeyDown; 4 5 }
外露事件處理
1 //虛擬鍵盤(pán)事件 2 private void MyKeyDown(object _key) 3 { 4 if (focusTbx == null) 5 { 6 myvk.Visibility = Visibility.Hidden; 7 return; 8 } 9 EKeyitem key = EKeyitem.A; 10 if (_key.GetType() == typeof(EKeyitem)) 11 key = (EKeyitem)_key; 12 13 if (key == EKeyitem.DEl) 14 { 15 if (focusTbx.Text.Length > 0) 16 { 17 focusTbx.Text = focusTbx.Text.Substring(0, focusTbx.Text.Length - 1); 18 } 19 } 20 else if (key == EKeyitem.AC) 21 { 22 focusTbx.Text = ""; 23 } 24 else if (key == EKeyitem.OK) 25 { 26 27 myvk.Visibility = Visibility.Hidden; 28 if (vm.LoginOK == true && focusTbx == tbx_QueryCode) 29 { 30 valueString = focusTbx.Text; 31 //this.Close(); 32 BarCodeInputKeyDown(); 33 } 34 } 35 else if (key == EKeyitem.Shift) 36 { 37 38 } 39 else 40 { 41 focusTbx.Text += _key.ToString(); 42 } 43 }
浙公網(wǎng)安備 33010602011771號(hào)