2014-01-07 165 views
0

嗨内的范围内,我想知道是否有任何的NuGet包WP8添加范围滑如图片所示enter image description here范围滑块在WP8选择最大值和最小值

http://www.telerik.com/products/windows-phone.aspx这里是有,但它不自由。我还发现了一些wpf的例子,但不是wp8。任何人都可以帮忙吗?

+0

嗨@souickcse你有没有发现控制?如果是的话请分享。谢谢 –

+0

我做了我自己的自定义范围滑块 – souvickcse

+0

太棒了!请分享一些逻辑,如果你不介意 –

回答

0

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

+0

,但它没有范围滑块。它只有一些额外功能的简单滑块。 – souvickcse

0

这里是一个例子Link。这将帮助你。您可以使用进度条控件作为Windows Phone中的滑块。这个链接帮助我显示下载进度。

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

可以通过 progressBar1.Value =(int)的一些值设定进度条值;

+0

没有帮助。对不起 – souvickcse

0

经过一天的研究,我终于找到了这个想法,并希望这可以帮助你。

我刚刚在我的项目中添加了两个滑块,例如firstSider和secondSlider。我将firstSlider宽度设置为250px。我将secondSlider旋转到180degree(请参阅代码片段)并将宽度设置为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在我的情况)背景。像这样,

<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。

+0

Hi @bala这对UI表示很好,但不容易控制。你能否通过我提供一些其他的想法来控制它? –

+0

@NeelBhasin是的,我知道,但是我还找不到任何用于Windows Phone的Range Slider。我在我的应用程序中实现了这一点,现在它很顺利。它也很容易实现,我在一个工作日内得到了这个。 –

+0

基本上我以前用同样的方式,但无法使第二个滑块正常工作 –

相关问题