滑块控件和文本块控件交互- metro应用程序



我试图通过XAML上的{Binding}将滑块控件的值设置为文本块的文本属性。

<Slider   ValueChanged="slider_ValueChanged_1"    Value= "{Binding ElementName=ComponentTextBlockValue,Path=Text}"   StepFrequency="25"/>  

我需要一个转换器来设置滑块的值吗?绑定有时似乎有效,但有时不起作用。有时,滑块只是没有将其值设置为文本块值。

由于您直接绑定滑块的值而没有值转换器,我怀疑当文本不是数字或超出范围时绑定被破坏。

你可以通过创建一个值转换器来防止错误的值被绑定,这样绑定就会一直有效。

下面是一些例子:

public class TextToSliderValueConverter : IValueConverter
{
    public double MaximumSliderValue { get; set; }
    public double MinimumSliderValue { get; set; }
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        double sliderValue;
        if (double.TryParse(value as string, out sliderValue)
            && sliderValue <= MaximumSliderValue && sliderValue >= MinimumSliderValue)
        {
            return sliderValue;
        }
        else
        {
            return 0.0;
        }
    }
    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        throw new NotImplementedException();
    }
}
这里是XAML:
<Page
    x:Class="stovfSliderTextBox.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:stovfSliderTextBox"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <Page.Resources>
        <local:TextToSliderValueConverter x:Key="txtToSliderValue" MaximumSliderValue="100" MinimumSliderValue="0"/>
    </Page.Resources>
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel>
            <Slider Value= "{Binding ElementName=ComponentTextBlockValue,Path=Text, Converter={StaticResource txtToSliderValue}, ConverterParameter=slider}" StepFrequency="25"/>
            <TextBox x:Name="ComponentTextBlockValue" Width="50"/>
        </StackPanel>
    </Grid>
</Page>

TextToSliderValueConverter确保滑动条将始终获得有效值。如果你不使用默认滑动条。最大值或滑块。至少,您可以相应地修改值。

希望这对你有帮助!

最新更新