带有占位符的确认代码文本框

Question

我正在尝试构建一个TextBox，用户可以在其中输入确认码。每次用户输入数字时，都会删除一个占位符破折号，直到输入代码的所有数字并且没有破折号。一旦发生这种情况，就会出现用于确认的popup。

我知道我需要限制可以输入的位数，以及输入只能是数字的限制，我已经实现了这些。除此之外，我是空白的。
如何获得与输入同时消失的占位符？如何让内容拉伸？有什么帮助吗？

注意：上述副本没有回答我的问题。占位符必须在输入每个数字时一个接一个地出现，而不是在输入一些输入后立即消失。

Answer 1

Xceed 的工具包的免费版本包括一个带掩码的文本框。我认为这可以做你想要的。 https://github.com/xceedsoftware/wpftoolkit/wiki/MaskedTextBox

如果由于某种原因这不合适，那么您可以相当轻松地自己编写一些东西。我建议不要使用一个文本框，而是使用用户输入的每个文本框。文本框，然后是破折号的文本块，然后是文本框，然后是下一个破折号的文本块。等等。您可以单独执行此操作，也可以使用水平排列的项目控件并将模板化的视图模型集合绑定到文本框和文本块中。

设置文本框的样式以隐藏它们的边框并将它们放在标签或带有边框的面板内。