wpf--通过Popup弹出自定义输入“键盘“的实现

妖狐艹你老母 2024-03-27 15:51 74阅读 0赞

wpf之Popup弹出自定义输入"键盘"  
在很多工厂的信息化MES系统中，车间的采集数据的机器是触摸屏电脑(工厂环境所限，用外接鼠标键盘反而不方便)。

由于没有外接键盘，所以用户无法像坐在办公室一样，用鼠标键盘进行录入信息。

这时我们可以用wpf的Popup控件，当点击一个"文本框"时，弹出一个自定义的键盘(UserControl)，实现如下图效果：  
![在这里插入图片描述][e40771fb3e064fb98815141de7dbb27b.png]  
自定义用户控件(UserControl),“键盘”:  
  
<UserControl.Resources>  
  
</UserControl.Resources>  
  
<Grid.RowDefinitions>  
  
  
  
  
</Grid.RowDefinitions>  
<Grid.ColumnDefinitions>  
  
  
  
</Grid.ColumnDefinitions>

C\#:  
using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Text;  
using System.Windows;  
using System.Windows.Controls;  
using System.Windows.Data;  
using System.Windows.Documents;  
using System.Windows.Input;  
using System.Windows.Media;  
using System.Windows.Media.Imaging;  
using System.Windows.Navigation;  
using System.Windows.Shapes;

namespace PopupDemo  
\{  
///  
/// NumericKeyboard.xaml 的交互逻辑  
///  
public partial class NumericKeyboard : UserControl  
\{  
public NumericKeyboard()  
\{  
InitializeComponent();  
\}  
public bool HasMaxValue  
\{  
get \{ return (bool)GetValue(HasMaxValueProperty); \}  
set \{ SetValue(HasMaxValueProperty, value); \}  
\}

// Using a DependencyProperty as the backing store for HasMaxValue.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty HasMaxValueProperty =
            DependencyProperty.Register("HasMaxValue", typeof(bool), typeof(NumericKeyboard), new UIPropertyMetadata(true));
    
    
    
        public int MaxValue
        {
            get { return (int)GetValue(MaxValueProperty); }
            set { SetValue(MaxValueProperty, value); }
        }
    
        // Using a DependencyProperty as the backing store for MaxValue.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty MaxValueProperty =
            DependencyProperty.Register("MaxValue", typeof(int), typeof(NumericKeyboard), new UIPropertyMetadata(0));
    
    
    
        public int Value
        {
            get { return (int)GetValue(ValueProperty); }
            set { SetValue(ValueProperty, value); }
        }
    
        // Using a DependencyProperty as the backing store for Value.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ValueProperty =
            DependencyProperty.Register("Value", typeof(int), typeof(NumericKeyboard), new UIPropertyMetadata(0));
    
    
    
        public bool IsChecked
        {
            get { return (bool)GetValue(IsCheckedProperty); }
            set { SetValue(IsCheckedProperty, value); }
        }
    
        // Using a DependencyProperty as the backing store for IsChecked.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty IsCheckedProperty =
            DependencyProperty.Register("IsChecked", typeof(bool), typeof(NumericKeyboard), new UIPropertyMetadata(false));
    
    
        private void btnMin_Click(object sender, RoutedEventArgs e)
        {
            //if (Item != null && Item.Quantity1 > 0)
            //{
            //    Item.Quantity2 = Item.Quantity1;
            //}
            Value = 0;
        }
    
        private void AddNumber(int num)
        {
            //if (Item != null)
            //{
            //    int cnt = Item.Quantity2 * 10 + num;
            //    if (Item.Quantity1 > 0 && cnt > Item.Quantity1)
            //    {
            //        Item.Quantity2 = Item.Quantity1;
            //    }
            //    else
            //    {
            //        Item.Quantity2 = cnt;
            //    }
            //}
            if (HasMaxValue)
            {
                Value = Math.Min(MaxValue, Value * 10 + num);
            }
            else
            {
                Value = Value * 10 + num;
            }
        }
    
    
        private void button2_Click(object sender, RoutedEventArgs e)
        {
            AddNumber(2);
        }
    
        private void button3_Click(object sender, RoutedEventArgs e)
        {
            AddNumber(3);
        }
    
        private void button4_Click(object sender, RoutedEventArgs e)
        {
            AddNumber(4);
        }
    
        private void button5_Click(object sender, RoutedEventArgs e)
        {
            AddNumber(5);
        }
    
        private void button6_Click(object sender, RoutedEventArgs e)
        {
            AddNumber(6);
        }
    
        private void button7_Click(object sender, RoutedEventArgs e)
        {
            AddNumber(7);
        }
    
        private void button8_Click(object sender, RoutedEventArgs e)
        {
            AddNumber(8);
        }
    
        private void button9_Click(object sender, RoutedEventArgs e)
        {
            AddNumber(9);
        }
    
        private void button0_Click(object sender, RoutedEventArgs e)
        {
            AddNumber(0);
        }
    
        private void button1_Click(object sender, RoutedEventArgs e)
        {
            AddNumber(1);
        }
    
        private void btnClose_Click(object sender, RoutedEventArgs e)
        {
            IsChecked = false;
        }
    
    }

\}  
主窗体:

Xaml:  
  
<Window.Resources>  
  
</Window.Resources>

namespace PopupDemo  
\{  
///  
/// MainWindow.xaml 的交互逻辑  
///  
public partial class MainWindow : Window,INotifyPropertyChanged  
\{  
private int terminalNo;

public int TerminalNo
        {
            get { return terminalNo; }
            set 
            {
                if(value!=terminalNo)
                {
                    terminalNo = value;
                    OnPropertyChanged("TerminalNo");
                }
            }
        }
        
    
        public MainWindow()
        {
            InitializeComponent();
        }
    
        public event PropertyChangedEventHandler PropertyChanged;
    
        public void OnPropertyChanged(string propertyName)
        {
            if (this.PropertyChanged != null)
            {
                this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    
        private void btnShow_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show(string.Format("终端编号的值为{0}", TerminalNo));
        }
    }

\}  
验证输入后，绑定TextBlock的Text属性上值是否真的变化了：  
![在这里插入图片描述][816a205408994416919add076ae68b1b.png]

[e40771fb3e064fb98815141de7dbb27b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d855468f506942089c1c3f295dd51d75.png
[816a205408994416919add076ae68b1b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/3679ccf399ce450296bf2fdbe56f3576.png