슬라이더가 다른 범위의 다른 두 텍스트 상자에 바인딩 된

Question

WPF에 Slider이 있고 두 개의 다른 값에 동일한 슬라이더를 바인딩하고 싶습니다. 그러나이 값들에는 각각 다른 범위가 있습니다. 예를 들어 첫 번째 값은 시간을 나타내고 0에서 1.5 초 사이의 값을 변경하고 두 번째 값은 0에서 100까지의 백분율을 나타냅니다. Slider의 값을 사용자가 입력 할 수있는 방식으로 둘 다 바인딩 할 수 있습니까? 값이 범위 내에 있고 슬라이더와 다른 값이 모두 업데이트됩니다. 예를 들어 사용자가 시간 값을 1로 설정하면 Slider이 이동해야하며 백분율 값도 66.66 %로 설정되어야합니다. 사전에

감사

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

에 ' 잘 알려진 '최소/최대 값. 동적 인 것들이 필요하다면 (컴파일 타임에 최소/최대 값을 알지 못한다. 그리고 하드 코딩 된 것들을 피하는 유일한 해결책이 될 것이다) 당신은 수학을 할 필요가있다. 또한 멀티 바인드를 사용하여 동일한 결과를 얻을 수 있으며, 최소/최대 및 값을 전달하고 내부의 모든 연산을 수행 할 수 있습니다.