带提示框的TextBox输入控件

想到这么久了，还没发过什么文章，今天过来给大家提供一个wpf前端的自定义控件，写的不太好，欢迎指教。

主要的功能是这样。正常输入的时候是这样子，如下图

输入的格式不正确的时候是这样：

虽然我用了wpf做前端蛮久，但是我早就知道blend这个工具却一直没有使用过，直到看到一位前端大神的，wpf前端不用blend开发还算是前端？我才惊醒，原来我的骨子里这么害怕变化。好了，废话有点多，上代码。

首先，打开blend，新建一个项目，项目名随意。然后添加一个TextBox，如下

然后在左下角的面板中，选中这个TextBox，然后右键，选择构成UserControl（就是自定义一个控件的意思），这样，以后使用的时候选择这个控件去使用即可。如下（请忽略这个TextBox同一级别的那些MyText和Button，那些都是我拿来做测试的）

然后会有一个弹出框，用于修改控件名称

名称随意，然后进入到控件编辑界面

然后再一次在左下角窗体右键，选择编辑副本，开始重新编辑该控件的模板。如下

此时会弹出一个输入框，用于修改样式的名称，名称随意，如下

进入如下界面

这个PART_ContentHost到底是干嘛的，我其实不是很理解，如果有知悉的大师，还请赐教一下。然后我删除掉他，添加一个布局控件StackPanel，之所以用这个布局控件是因为它可以根据宽度来调整位置。

然后在StackPanel控件里面添加Image控件，label控件，和一个Grid控件，如下

然后选中StackPanel控件，查看右边窗体的属性设置，找到布局下面的Orientation，设置为Horizontal，这个是说stackPanel控件里面的子控件水平排列的意思，如下

调整一下控件的大小，长宽，添加图片地址，label文字，如下

增加一个属性imageVisibility，控制错误提示图片，错误提示语的显示，边框的颜色。