如何在Silverlight中创建自定义文本框控件？

Question

我正在尝试创建一个Silverlight自定义文本框。 我希望文本框的背景根据其中的值而变化。 如果小于零，它将变为红色；如果大于零，则将变为白色。

我该如何实现？

我已经创建了一个简单的类和一个用户控件，但仍无法实现目标。 这是代码

自定义文本框代码

public class CustomTB: TextBox
{
    protected override void OnTextInputUpdate(TextCompositionEventArgs e)
    {
        double val;
        if (double.TryParse(e.Text, out val))
        {
            e.Handled = true;
        }
    }
}

用户控制C＃代码

    public partial class AlabdCustomTextBox : UserControl
    {
    public AlabdCustomTextBox()
    {
        InitializeComponent();
    }
    private void CustomTB_TextChanged(object sender, TextChangedEventArgs e)
    {
        double value;
        if (double.Parse(customTB.Text) < 0)
        {
            customTB.Background = new SolidColorBrush(Colors.Red);
        }

        else
        {
            customTB.Background = new SolidColorBrush(Colors.White);
        }

        BindingExpression binding = this.GetBindingExpression(TextBox.TextProperty);
        if (null != binding)
        {
            binding.UpdateSource();
        }
    }
}

用户控件XAML代码

 <cc:CustomTB Name="customTB" Background="White" Text="{Binding    Screen.ComparisonItems.SelectedItem.AdditionalCost}" TextChanged="CustomTB_TextChanged" />

Answer 1

您可以使用标准TextBox进行此操作。

只需通过转换器将背景颜色绑定到文本的长度，当值小于零时返回red ，其余时间返回white 。

public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
    if (value == null)
        return System.Windows.Media.Color.White;

    if ((int)value < 0)
        return System.Windows.Media.Color.Red;

    return System.Windows.Media.Color.White;
}

然后在XAML中：

<TextBox Text="{Binding Value, Mode=TwoWay}"
         Background="{Binding Value, Mode=TwoWay, Converter={StaticResource myConverter}}" />

其中myConverter是您在上面创建的转换器。

当值更改时-当文本框失去焦点时，这将运行转换器并适当更改背景颜色。

如果要对每个按键进行此检查，则可以向每个单个文本框添加“ KeyUp”处理程序，也可以仅对TextBox类进行子类化，并为OnKeyDown方法添加替代项：

class MyTextBox : TextBox
{
    protected override void OnKeyDown(KeyEventArgs e)
    {
        decimal value = 0;
        if (Decimal.TryParse(this.Text, out value))
        {
            if (value < 0)
            {
                this.Background = System.Windows.Media.Color.Red;
            }
            else
            {
                this.Background = System.Windows.Media.Color.White;
            }
        }
        base.OnKeyDown(e);
    }
}

然后，您可以使用它而不是标准TextBox，而无需另一个UserControl层：

<MyControls:MyTextBox Text={Binding Value, Mode TwoWay}"/>