滑块绑定到两个不同的文本框,具有不同的范围

时间:2017-11-13 13:02:19

标签: c# wpf data-binding slider

我在WPF中有一个Slider,我希望将同一个滑块绑定到两个不同的值。但是这些值中的每一个都有不同的范围。例如,第一个表示时间并在0到1.5秒之间变化,第二个值表示从0到100的百分比。是否可以以用户的方式将Slider的值绑定到它们两者也可以键入范围内的任何值,滑块和其他值都会更新。例如,如果用户将时间值设置为1,则Slider应移动,并且百分比值应设置为66.66%。

提前致谢

1 个答案:

答案 0 :(得分:0)

您的解决方案可能是这样的:

MainWindow.xaml

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:wpfApp1="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525"
        d:DataContext="{d:DesignInstance d:Type=wpfApp1:SampleViewModel}">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <TextBlock Text="0-1.5" Grid.Column="0" Grid.Row="0"/>
        <TextBox Grid.Column="1" Grid.Row="0" Text="{Binding Value1, Mode=TwoWay}"/>

        <TextBlock Text="0-100" Grid.Column="0" Grid.Row="1"/>
        <TextBox Grid.Column="1" Grid.Row="1" Text="{Binding Value2, Mode=TwoWay}"/>

        <Slider Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="2" Height="25" Minimum="0" Maximum="100" Value="{Binding Value2}"/>
    </Grid>
</Window>

MainWindow.xaml.cs

using System;
using System.ComponentModel;
using System.Linq;
using System.Runtime.CompilerServices;

namespace WpfApp1
{
    public partial class MainWindow
    {
        public MainWindow()
        {
            InitializeComponent();

            DataContext = new SampleViewModel();
        }
    }

    public sealed class SampleViewModel : INotifyPropertyChanged
    {
        private double _value1;
        private double _value2;

        public event PropertyChangedEventHandler PropertyChanged;

        public double Value1
        {
            get { return _value1; }
            set
            {
                if (_value1 == value)
                    return;

                _value1 = value;
                OnPropertyChanged(nameof(Value1));
                _value2 = Math.Round(100 / 1.5 * value, 1);
                OnPropertyChanged(nameof(Value2));
            }
        }

        public double Value2
        {
            get { return _value2; }
            set
            {
                if (_value2 == value)
                    return;

                _value2 = value;
                OnPropertyChanged(nameof(Value2));
                _value1 = Math.Round(1.5 /100* value, 1);
                OnPropertyChanged(nameof(Value1));
            }
        }
    private void OnPropertyChanged(string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

然而,它是'众所周知'的最小值/最大值。如果你需要动态的(你不知道编译时的最小/最大,并且它将是唯一正确的解决方案,以避免任何硬编码的东西)你需要做一些数学。 你也可以使用multibinding实现相同的结果,只需传递min / max和值,然后在里面进行所有数学运算。