没有资源和模板的 XAML 代码可能吗？

Question

我找到了example (the first one) for a slider， 它还定义了一个带有拇指的轨道。

是否可以在没有资源和模板的情况下重新编码？

感谢您的 cmets。

艾莉

Answer 1

我已经做到了。

这里是没有模板和样式引用的 XAML 代码 对于带有轨道和拇指的滑块

        <Slider x:Name="slidExample" 
        VerticalAlignment="Center" TickFrequency="37.5"
        Minimum="0" Maximum="600" Value="500" Width="300" Margin="50,0,50,0"
        SnapsToDevicePixels="true"
        OverridesDefaultStyle="true"
        IsTabStop="false"
        Focusable="false"
        >
        <Slider.Style>
            <Style TargetType="Slider">
                <Style.Triggers>
                    <Trigger  Property="Orientation"  Value="Horizontal">
                        <Setter Property="MinHeight" Value="21" />
                        <Setter Property="MinWidth" Value="104" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Slider.Style>

        <Slider.Template>
            <ControlTemplate>
                <Grid x:Name="GridOfslidExample">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" MinHeight="{TemplateBinding MinHeight}" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <TickBar  x:Name="TopTickOfslidExample" Fill="LightGray" VerticalAlignment="Top"
                    SnapsToDevicePixels="True" Grid.Row="0" Placement="Top" Height="5"
                          Visibility="Visible">
                    </TickBar>
                    <Border BorderBrush="LightGray"  BorderThickness="0,0,0,1" ></Border>
                    <Border x:Name="TrackBackground" VerticalAlignment="Center" Margin="0,-10,0,0" BorderBrush="Red" Background="Red" Height="3"   Grid.Row="1"  BorderThickness="1"/>
                    <Track Grid.Row="1" x:Name="PART_Track" Margin="0,-10,0,0"  >
                        <Track.DecreaseRepeatButton>
                            <RepeatButton   Command="Slider.DecreaseLarge" >
                                <RepeatButton.Style>
                                    <Style TargetType="RepeatButton">
                                        <Setter Property="SnapsToDevicePixels" Value="true" />
                                        <Setter Property="OverridesDefaultStyle" Value="true" />
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="RepeatButton">
                                                    <Border SnapsToDevicePixels="True" Background="YellowGreen"  BorderThickness="1" BorderBrush="YellowGreen" Height="3"/>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </RepeatButton.Style>
                            </RepeatButton>
                        </Track.DecreaseRepeatButton>
                        <Track.Thumb>
                            <Thumb x:Name="ThumbOfslidExample">
                                <Thumb.Style>
                                    <Style TargetType="Thumb">
                                        <Setter Property="SnapsToDevicePixels" Value="true" />
                                        <Setter Property="OverridesDefaultStyle" Value="true" />
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="Thumb">
                                                    <StackPanel Orientation="Vertical">
                                                        <Path Data="M 0 0 L 8 0 L 4 6 Z"  Stroke="YellowGreen" Margin="-2,0,0,0" StrokeThickness="2" Fill="YellowGreen"></Path>
                                                        <Line X1="0" Y1="0" X2="0" Y2="7" Stroke="Gray" StrokeThickness="1" Margin="2,0,0,0" StrokeDashArray="1.5,1.5"></Line>
                                                        <TextBlock Foreground="Black" Margin="-2,30,0,0"  Text="{Binding Value, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Slider}}}"/>
                                                    </StackPanel>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </Thumb.Style>
                            </Thumb>
                        </Track.Thumb>
                        <Track.IncreaseRepeatButton>
                            <RepeatButton Command="Slider.IncreaseLarge" >
                                <RepeatButton.Style>
                                    <Style TargetType="RepeatButton">
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="RepeatButton">
                                                    <Border Background="Transparent"/>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </RepeatButton.Style>
                            </RepeatButton>
                        </Track.IncreaseRepeatButton>
                    </Track>
                    <TextBlock Text="0" Grid.Row="1" Margin="0,15,0,0"></TextBlock>
                    <TickBar x:Name="BottomTickOfslidExample" Fill="LightGray"   SnapsToDevicePixels="True" Grid.Row="2"   Placement="Bottom" Height="4" Visibility="Collapsed" />
                </Grid>

                <ControlTemplate.Triggers>
                    <Trigger Property="Slider.TickPlacement"  Value="TopLeft">
                        <Setter TargetName="TopTickOfslidExample" Property="Visibility"  Value="Visible" />
                    </Trigger>
                    <Trigger Property="Slider.TickPlacement" Value="BottomRight">
                        <Setter TargetName="BottomTickOfslidExample"  Property="Visibility"  Value="Visible" />
                    </Trigger>
                    <Trigger Property="Slider.TickPlacement" Value="Both">
                        <Setter TargetName="TopTickOfslidExample" Property="Visibility" Value="Visible" />
                        <Setter TargetName="BottomTickOfslidExample" Property="Visibility" Value="Visible" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Slider.Template>

    </Slider>

Answer 2

我想我已经解决了。 RepeatButton 缺少命令的原因是拇指中的文本字段。 它在新源中的名称是“DisplaysValueInThumb”。 我不得不添加一个转换器，因为滑块的值会产生很多小数位，这会隐藏重复按钮的触摸区域。

Because I was unable to format the source correctly you find the source here.

艾莉