0

我已经为 WPF 中的滑块控件编写了一个自定义样式（包括模板），它里面有 2 个按钮（'MinusBtn' 和 "PlusBtn"）。

现在，我想为 4 个不同的滑块使用相同的滑块自定义样式，并且当我在 4 个滑块中的每个滑块（“MinusBtn_Clicked”事件和“PlusBtn_Clisked”事件）上按下它时，我希望按钮做同样的事情。但我需要知道哪个滑块调用了该事件。

由于按钮以通用样式配置，因此我无法通过它们的父级知道它。我怎样才能解决这个问题？我可以向这个事件的委托添加参数吗？

这是我的自定义样式：

 <Style x:Key="MyCustomStyleForSlider" TargetType="{x:Type Slider}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Slider}">  
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="10.5"/>
                            <RowDefinition Height="Auto" MinHeight="{TemplateBinding Slider.MinHeight}"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="47*"/>
                            <ColumnDefinition Width="331*"/>
                            <ColumnDefinition Width="47*"/>
                        </Grid.ColumnDefinitions>

                        <TickBar Name="BottomTick" SnapsToDevicePixels="True" Grid.Row="2" Fill="{TemplateBinding Foreground}"
                                Placement="Bottom"
                                Height="4"
                                Visibility="Collapsed" />

                        <Grid x:Name="JustTrack" Height="20" Width="335" Grid.RowSpan="1" Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="1">
                            <Track Grid.Row="1" Name="PART_Track">
                                <Track.DecreaseRepeatButton>
                                    <RepeatButton Style="{StaticResource DecreaseSliderButtonStyle}"  />
                                </Track.DecreaseRepeatButton>
                                <Track.Thumb>
                                    <Thumb Style="{StaticResource SliderThumbStyle}" />
                                </Track.Thumb>
                                <Track.IncreaseRepeatButton>
                                    <RepeatButton Style="{StaticResource SliderButtonStyle}" />
                                </Track.IncreaseRepeatButton>
                            </Track>
                        </Grid>
                    <Grid x:Name="Minus" Grid.Column="0" Grid.RowSpan="3" Width="47" Height="40">
                            <Button x:Name="MinusBtn" Click="MinusBtn_Click" >
                                <Button.Template>
                                    <ControlTemplate>
                                        <Ellipse Height="25" Width="25" Fill="Transparent"></Ellipse>
                                    </ControlTemplate>
                                </Button.Template>
                            </Button>
                        </Grid>
                        <Grid x:Name="Plus" Grid.Column="2" Grid.RowSpan="3" Width="47" Height="40">
                            <Button x:Name="PlusBtn" Click="PlusBtn_Click">
                                <Button.Template>
                                    <ControlTemplate>
                                        <Ellipse Height="25" Width="25" Fill="Transparent"></Ellipse>
                                    </ControlTemplate>
                                </Button.Template>
                            </Button>
                        </Grid>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="TickPlacement" Value="BottomRight">
                            <Setter TargetName="BottomTick" Property="Visibility" Value="Visible"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
4

1 回答 1

3

如果要使用按钮增加或减少滑块的值。使用按钮的 Command 属性：

<Grid x:Name="Minus" Grid.Column="0" Grid.RowSpan="3" Width="47" Height="40">
    <Button x:Name="MinusBtn" Command="Slider.DecreaseSmall">
        <Button.Template>
            <ControlTemplate>
                <Ellipse Height="25" Width="25" Fill="Transparent"></Ellipse>
            </ControlTemplate>
        </Button.Template>
    </Button>
</Grid>
<Grid x:Name="Plus" Grid.Column="2" Grid.RowSpan="3" Width="47" Height="40">
    <Button x:Name="PlusBtn" Command="Slider.IncreaseSmall">
        <Button.Template>
            <ControlTemplate>
                <Ellipse Height="25" Width="25" Fill="Transparent"></Ellipse>
            </ControlTemplate>
        </Button.Template>
    </Button>
</Grid>

或者，如果您真的想要事件处理程序中的滑块，您可以执行以下操作：

private void Button_Click(object sender, RoutedEventArgs e)
{
    FrameworkElement frameworkElement = (FrameworkElement)sender;
    Slider slider = (Slider)frameworkElement.TemplatedParent;
}
于 2013-01-28T17:56:12.813 回答