Ist es ein WPF-Steuerelement, wählen Sie einen Bereich, der aussieht wie ein Schieberegler?

Ist es ein WPF-Steuerelement auf der Suche wie ein Schieberegler (oder vielleicht Schieberegler selbst), dass sowohl ein minimaler und ein maximaler Wert und nicht ein einzelner Wert, damit der Benutzer wählen Sie einen Bereich aus?

InformationsquelleAutor Michel Keijzers | 2013-04-04

  1. 1

    Können Sie RangeSlider von AvalonControlsLibrary.

    Beispiel:

    <avalon:RangeSlider RangeStart="0" RangeStop="100"
                    RangeSelectionChanged="RangeSlider_RangeSelectionChanged"/>

    Wo ist avalon:

    xmlns:avalon="http://schemas.AvalonControls/AvalonControlsLibrary/Controls"

    RangeSelectionChanged Veranstaltung hadler:

    private void RangeSlider_RangeSelectionChanged(object sender, AC.AvalonControlsLibrary.Controls.RangeSelectionChangedEventArgs e)
{
    Console.WriteLine("e.NewRangeStart: " + e.NewRangeStart);
    Console.WriteLine("e.NewRangeStop: " + e.NewRangeStop); 
}

    InformationsquelleAutor kmatyaszek

  2. 10

    Den MahApps.U-Bahn Bibliothek bietet eine große RangeSlider Kontrolle. Hier ist ein Beispiel aus der demo-Anwendung:

    Ist es ein WPF-Steuerelement, wählen Sie einen Bereich, der aussieht wie ein Schieberegler?

    Ein Bild sagt mehr als tausend Worte. +1

    InformationsquelleAutor Patrick Quirk

  3. 4

    Schieberegler hat eine Eigenschaft IsSelectionRangeEnabled. überprüfen Sie die Probe:
    http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/a9eb8697-3ae4-4045-9508-a75d6168a8af/

    das können Sie nur, markieren Sie bei der Auswahl des Schieberegler

    InformationsquelleAutor urlreader

  4. 3

    AKTUALISIEREN: Avalon-Steuerelemente ist der ältere Vorgänger des Extended WPF Toolkit, die jetzt enthält die AvalonDock.

    RangeSlider ist ein Teil der Extended WPF toolkit.

    InformationsquelleAutor Clint StLaurent

  5. 2

    Was ich versucht habe, ist, wenn man zwei Schieberegler, einer über dem anderen, so dass es aussieht wie ein bereichsschieberegler
    Dann können Sie den Wert festlegen, ein Schieberegler für min und eine für max,und fügen Sie die Logik für größere und kleinere Werte. Hoffe, es funktioniert, in diesem Fall müssen Sie keine zusätzliche externe Drittanbieter-Bibliothek

    InformationsquelleAutor

  6. 2

    Als @kmatyaszek schon gesagt AvalonControlsLibrary ist toll free (Microsoft Public License (Ms-PL)) Bibliothek der Kontrollen.

    Jedoch fand ich für mich grundlegende Stile für RangeSlider nicht sehr befriedigen.

    Hier ist Stil für die moderne version für die es (RangeSlider.xaml):

            <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
            xmlns:drawing="clr-namespace:System.Drawing;assembly=System.Drawing" >

    <SolidColorBrush x:Key="BrushSliderEdge" Color="LightGray" />
    <SolidColorBrush x:Key="BrushSliderActiveArea" Color="DeepSkyBlue" />
    <SolidColorBrush x:Key="BrushSliderThumb" Color="LightSkyBlue" />
    <SolidColorBrush x:Key="BrushSliderThumbBorder" Color="DeepSkyBlue" />

    <Style x:Key="SliderEdge" TargetType="RepeatButton">
    <Setter Property="Focusable" Value="false" />
    <Setter Property="IsTabStop" Value="false" />
    <Setter Property="OverridesDefaultStyle" Value="true" />
    <Setter Property="SnapsToDevicePixels" Value="true" />
    <Setter Property="Template">
        <Setter.Value>
        <ControlTemplate TargetType="RepeatButton">
            <Border Height="3" Background="{StaticResource BrushSliderEdge}" BorderBrush="{StaticResource BrushSliderEdge}" BorderThickness="1" />
        </ControlTemplate>
        </Setter.Value>
    </Setter>
    </Style>
    <Style x:Key="SliderInner" TargetType="Thumb">
    <Setter Property="OverridesDefaultStyle" Value="true" />
    <Setter Property="SnapsToDevicePixels" Value="true" />
    <Setter Property="Template">
        <Setter.Value>
        <ControlTemplate TargetType="Thumb">
            <Border Height="3" Background="{StaticResource BrushSliderActiveArea}" BorderBrush="{StaticResource BrushSliderThumbBorder}" BorderThickness="1" />
        </ControlTemplate>
        </Setter.Value>
    </Setter>
    </Style>


    <Style x:Key="SliderThumb" TargetType="Thumb">
    <Setter Property="OverridesDefaultStyle" Value="true" />
    <Setter Property="SnapsToDevicePixels" Value="true" />
    <Setter Property="Template">
        <Setter.Value>
        <ControlTemplate TargetType="Thumb">
            <Ellipse Width="10" Height="10" Fill="{StaticResource BrushSliderThumb}" />
        </ControlTemplate>
        </Setter.Value>
    </Setter>
    </Style>

    <Style TargetType="{x:Type local:RangeSlider}">
    <Setter Property="Template">
        <Setter.Value>
        <ControlTemplate TargetType="{x:Type local:RangeSlider}">
            <StackPanel Name="PART_RangeSliderContainer" Orientation="Horizontal">
            <RepeatButton Name="PART_LeftEdge" Style="{StaticResource SliderEdge}" />
            <Thumb Name="PART_LeftThumb" Cursor="SizeWE" Style="{StaticResource SliderThumb}" />
            <Thumb Name="PART_MiddleThumb" MinWidth="10" Cursor="ScrollAll" Style="{StaticResource SliderInner}" />
            <Thumb Name="PART_RightThumb" Cursor="SizeWE" Style="{StaticResource SliderThumb}" />
            <RepeatButton Name="PART_RightEdge" Style="{StaticResource SliderEdge}" />
            </StackPanel>
        </ControlTemplate>
        </Setter.Value>
    </Setter>
    </Style>
</ResourceDictionary>

    Hier ist ein Beispiel, wie es Aussehen wird (Sie können die Farben ändern, die durch ändern der Pinsel-Farbe-Werte):

    Ist es ein WPF-Steuerelement, wählen Sie einen Bereich, der aussieht wie ein Schieberegler?

    Beispiel für die Nutzung Steuern .NET 4.5

    <UserControl x:Class="MyProject.MyUserControl"
         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:wpf="clr-namespace:Library.WPF;assembly=Library"
         MinWidth="700"
         HorizontalAlignment="Left"
         DataContext="{Binding RelativeSource={RelativeSource Self}}"
         mc:Ignorable="d">
<UserControl.Resources>
    <ResourceDictionary Source="/Library;component/WPF/RangeSlider/RangeSlider.xaml" />
</UserControl.Resources>

<StackPanel>
                <wpf:RangeSlider Width="400"
                                 MinRange="0"
                                 RangeStart="10"
                                 RangeStartSelected="{Binding MyValue_Min}"
                                 RangeStop="100"
                                 RangeStopSelected="{Binding MyValue_Max}" />
 </StackPanel>

    Im obigen Beispiel:

    Montage, wo die Kontrolle von Daten: Bibliothek

    Namespace: Bibliothek.WPF

    • /WPF/RangeSlider/RangeSlider.xaml <-- xaml-Stil
    • /WPF/RangeSlider/RangeSlider.cs <-- control code

    InformationsquelleAutor Ony

Schreibe einen Kommentar