【问题标题】:Slider binded to two different Textbox with different range滑块绑定到两个不同范围的不同文本框
【发布时间】:2017-11-13 13:02:19
【问题描述】:

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

提前致谢

【问题讨论】:

  • 使用MultiBinding 和自定义MultiValueConverter 可能吗?
  • SliderMinimumMaximum 依赖属性,你也可以绑定它们。
  • @Sinatr 是的,但我的 MaximumMinimum 两个不同的值是不同的。
  • @ASh MultiBinding 应该为所有三个控件实现吗? (Slider + 两个TextBox)
  • @VegaBrothers,我认为单独在滑块上进行双向绑定应该可以

标签: c# wpf data-binding slider


【解决方案1】:

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

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));
    }
}

但是它是一个“众所周知的”最小/最大值。如果您需要动态的(您不知道编译时间的最小值/最大值,这将是避免任何硬编码内容的唯一正确解决方案),您需要做一些数学运算。 您也可以使用多重绑定获得相同的结果,只需传递最小值/最大值和值并在里面进行所有数学运算。

【讨论】:

  • 我在编译时计算它们。我现在所做的(我不喜欢)我将滑块绑定到一个文本框,然后在更改滑块值时手动更新另一个。我会尝试看看你的方法是如何工作的,并报告回来。谢谢。
猜你喜欢
  • 1970-01-01
  • 2013-03-17
  • 1970-01-01
  • 2020-10-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多