2014-01-07 63 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

基本上我以前用同樣的方式,但無法使第二個滑塊正常工作 –

相關問題