silverlight   发布时间:2022-05-03  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用Silverlight Toolkit 等级控件---Rating大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

     乍一看到这个控件,就让我想起了电影里的“悬赏缉拿”的海报。在头像下面有一排星,根据实心星的数目来标识该罪犯的‘危险程度’。其实在一些电影网站上也 有对某部片子打星的功能。而在Silverlight Toolkit 3就是真的提供了这么一个控件,通过它可以很方便的实现这一功能。      下面就简要介绍一下其用法。          首先,我们要在项目中添加对System.Windows.
@H_@R_801_11280@_10@

     乍一看到这个控件,就让我想起了电影里的“悬赏缉拿”的海报。在头像下面有一排星,根据实心星的数目来标识该罪犯的‘危险程度’。其实在一些电影网站上也 有对某部片子打星的功能。而在Silverlight Toolkit 3就是真的提供了这么一个控件,通过它可以很方便的实现这一功能

     下面就简要介绍一下其用法
   
     首先,我们要在项目中添加对System.Windows.Controls.Input.Toolkit.dll的引用(位于源码包中)。

     然后我们就可以到XAML中引用其名空间: 

 

xmlns:inputToolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Input.Toolkit"

   
     我们用下面代码声名一了rating例:

  < inputToolkit:rating  x:Name ="rating"   Value ="0.65"  ItemCount ="5"  HorizontalAlignment ="Left"   />

 
     注意:ItemCount属性标识当前有几颗星。而Value属性则对应当前显示的星值数目(0-1之间)

     我们通过下面代码来标识星值着色是否连续(该枚举有两个值ConTinuousIndividual ):  

 

@H_262_77@      rating.SELEctionMode  =  ratingSELEctionMode.ConTinuous;

  
     下面我们就看一下演示效果:
    
    

使用Silverlight Toolkit 等级控件---Rating

        
    
     当然该控件的星星排列除了水平方向,还可以是垂直方向。另外如果认为星星不好看,可以使用Blend 定义一个新的图案做为评级的图标,比如我这里用了示例代码中的样式来把星星换成 '圆球',最终的演示效果如下(样式代码可以下载本DEMO查看):

       

使用Silverlight Toolkit 等级控件---Rating

  
      而相应的XAML代码如下(注意ItemContainerStyle样式绑定):

 

< inputToolkit:rating  Value ="0.65"  Foreground =" {x:Null} "  ItemContainerStyle =" {StaticresourcratingItemStylE} "   
                     R_425_11845@argin
="0,4,0"  ItemCount ="5" >
    
< inputToolkit:rating.ItemsPanel >
        
< ItemsPanelTemplate >
            
< StackPanel  Orientation ="Vertical"   VerticalAlignment ="Stretch"  HorizontalAlignment ="Stretch" />
        
</ ItemsPanelTemplate >
    
</ inputToolkit:rating.ItemsPanel >
</ inputToolkit:rating >

   
     是不是很好玩

使用Silverlight Toolkit 等级控件---Rating


    
     当然上面是通过在XAML页面上定义来实现的,下面介绍一下如果使用CS代码来创建‘等级项’。

     在rating控件中的每个星星(等级)都是一个ratingItem对象,所以我用下面代码来动态加载等级项:

///   <sumMary>
///  加载自定义
///   </sumMary>
private   void  LoadCustomratingItem()
{

    
String [] ratingItmeArray  =   new   String [] {  " 很差 " " 不好 " " 一般 " " 还行 " " 很棒 "  };
    
foreach  ( String  item  in  ratingItmeArray)
    {
        ratingItem ratingItem 
=   new  ratingItem() { Content  =  item, Foreground  =  
                     
new  SolidColorBrush(Colors.bluE), Margin  =   new  Thickness( 12 , 0 , 12 , 0 ) };
        ratingItem.SETVALue(ToolTipservice.ToolTipProperty, item);
        customsrating.Items.Add(ratingItem);
    }
    rating.SELEctionMode 
=  ratingSELEctionMode.ConTinuous;       
}

    

     我们来看一下运行效果:    
    

使用Silverlight Toolkit 等级控件---Rating

  

      完成了这个演示,来实现一个真正的应用场景,做一个照片评级的应用。首先我们用下面XAML代码创建一个‘带图,按钮,评级控件’的类似于海报的界面。

< Border  Width ="164"  Padding ="2"  BorderBrush ="#FFB30000"  BorderThickness ="1"   >
    
< StackPanel  Orientation ="Vertical"  Margin ="0" >
        
< HyperlinkButton  @H_865_44@margin ="0"  Content ="汽车"  HorizontalAlignment ="Center"  VerticalAlignment ="Center"  Foreground ="#FF0F5A9B" />
        
< Image  source ="Images/car.jpg"  Width ="160"  Margin ="9,0"   />
        
< inputToolkit:rating  x:Name ="netflix"  Value ="0.65"  ItemCount ="5"   HorizontalAlignment ="Center"  BorderBrush ="Black"  Padding ="3,1,3,3"   />
        
< Button  Click ="Button_Click"  Content ="提交"   Height ="30"  HorizontalAlignment ="Center"  VerticalAlignment ="Center"  Padding ="3,3"   />
    
</ StackPanel >
</ Border >

     
        然后我们在‘评论按钮’上绑定事件代码,来显示用户评价的结果。  

private   void  Button_Click( object  sender, routedEventArgs E)
{
    System.Windows.browser.HtmlPage.Window.Alert(
" 你将该图片的评价为: "   +  netflix.value)
    
// netflix.Value = 0;
}

    
      最后我们运行一下,如下图:    
   

使用Silverlight Toolkit 等级控件---Rating

           
      点击提交按钮后:
    
   

使用Silverlight Toolkit 等级控件---Rating

          
     
      当然更复杂的应用在官方的示例中有详细演示,如果大家有兴趣可以去下载运行相应示例 即可。

   
      好了,今天的内容就先到这里了。
   
      源码下载:http://files.cnblogs.com/daizhj/Silverlight_ToolKit3.rar
 
      原文链接:http://www.cnblogs.com/daizhj/archive/2009/08/14/1529402.html

      作者: daizhj,代震军

      Tags: silverlight,rating,评级,等级

      网址: http://daizhj.cnblogs.com/

大佬总结

以上是大佬教程为你收集整理的使用Silverlight Toolkit 等级控件---Rating全部内容,希望文章能够帮你解决使用Silverlight Toolkit 等级控件---Rating所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。