WP8中的范围滑块选择最大值和最小值范围

Question

您好我想知道是否有任何用于添加范围滑块的wp8的nuget包，如图所示

http://www.telerik.com/products/windows-phone.aspx此处可用，但不是免费的。我也找到了一些wpf的例子但不是wp8的例子。任何人都可以帮忙吗？

Answer 1

我终于制作了自己的滑块。把它放在GitHub中。随意使用并为回购做出贡献

https://maythecodebewithyou.wordpress.com/2015/05/20/quest-for-a-range-control/

Answer 2

您可以使用Coding4Fun Windows Phone Toolkit来完成此操作。您可以使用滑块查看Here如何使用工具包。

Answer 3

以下是Link示例。这会对你有所帮助。您可以使用进度条控件作为Windows手机中的滑块。这个链接帮助我显示下载进度。

<ProgressBar Foreground="Green"
             Minimum="0"
             Value="50"
             Maximum="100"
             IsIndeterminate="False" />

您可以设置进度条值 progressBar1.Value =（int）某个值;

Answer 4

经过一天的研究，我终于找到了这个想法，并希望这对你有所帮助。

我刚刚在我的项目中添加了两个滑块，比如firstSider和secondSlider。我将firstSlider宽度设置为250px。我将secondSlider旋转到180度（参考代码片段）并将宽度设置为250px。将firstSlider向左对齐，将secondSlider向右对齐，如代码片段所示，并将这两个滑块放在Grid中。我建议不要在这种情况下使用StackPanel。

如下面的代码：

<Grid>
        <Slider Width="250" HorizontalAlignment="Left" SmallChange=".1" Minimum="4" Maximum="6.1" x:Name="fromSlider" Style="{StaticResource SliderStyle1}"/>
        <Slider Margin="0,159,4,215" Minimum="6.1" Width="215" HorizontalAlignment="Right" Maximum="6.8" x:Name="toSlider" SmallChange=".1" RenderTransformOrigin="0.5,0.5" Style="{StaticResource SliderStyle1}">
            <Slider.RenderTransform>
                <CompositeTransform Rotation="-180"/>
            </Slider.RenderTransform>
        </Slider>
</Grid>

通过编辑滑块模板（在我的例子中为SliderStyle1）更改前景和背景的FillColor。像这样，

<Rectangle x:Name="HorizontalTrack" Fill="{TemplateBinding Foreground}" Height="12" IsHitTestVisible="False" Margin="0,22,0,50"/>

<Rectangle x:Name="HorizontalFill" Fill="{TemplateBinding Background}" Height="12" IsHitTestVisible="False" Margin="0,22,0,50">

那就是它。你在Windows Phone中有Range Slider。