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

时间:2013-05-13 09:55:53

标签: xaml windows-runtime winrt-xaml

我正在尝试将滑块控件设置为从文本块的文本属性到XAML上的{Binding}的值。

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

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

1 个答案:

答案 0 :(得分:0)

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

您可以通过创建一个可以防止绑定坏值的值转换器来阻止这种情况,因此绑定将始终有效。

以下是一些例子:

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确保滑块始终获得有效值。如果您不使用默认的Slider.Maximum或Slider.Minimum,则可以相应地修改值。

希望这有帮助!