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

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

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

这时我们可以用wpf的Popup控件，当点击一个"文本框"时，弹出一个自定义的键盘(UserControl)，实现如下图效果：

自定义用户控件(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>

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;
using System.ComponentModel;

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属性上值是否真的变化了：