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

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

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

 

自定义用户控件(UserControl),"键盘":

Xaml:

 

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:

 

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

 

总结:

1.Popup控件永远不会自动显示，为了显示Popup控件必须设置IsOpen属性。

2.默认情况下，Popup.StaysOen属性被设置为True，并且Popup控件会一直显示，直到显式地将IsOpen属性设置为False;

  如果将Popup.StaysOpen属性设置为False，当用户在其他地方单击鼠标时，Popup效果关闭。

如果Popup控件的IsOpen属性设置为True时，通过Popup控件的PopupAnimation属性(同时必须要设置属性 AllowsTransparency="True")

可以设置Popup控件的显示方式：