彩票走势图

使用Silverlight控件制作数字时钟

转帖|其它|编辑:郝浩|2011-03-28 13:23:36.000|阅读 956 次

概述:

前几天看到学习Silverlight需要注意的十件事情,其中就有要熟练的编写XAML代码,所以在制作时钟时我没有使用Blend,而是使用纯手工制作,希望能取得劳斯莱斯的效果。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

  前几天看到学习Silverlight需要注意的十件事情,其中就有要熟练的编写XAML代码,所以在制作时钟时我没有使用Blend,而是使用纯手工制作,希望能取得劳斯莱斯的效果。

  制作时钟本就是Silverlight SDK中的一个基础,也没有什么复杂的东西,把一下的代码复制几遍稍加修改就行了

<Ellipse Margin="310,0,250,150" Width="330" Height="330">

        <Ellipse.Fill>

               <LinearGradientBrush>

                     <GradientStop Color="White"/>

                     <GradientStop Color="Gray" Offset="0.5"/>

               </LinearGradientBrush>

        </Ellipse.Fill>

</Ellipse>

  不过再简单的事情到了初学者手中总会碰到问题的:

  第一就是中间加小圆圈的时候,

<Ellipse Margin="310,0,250,150" Width="30" Height="30" ;

Stroke="Green" StrokeThickness="8">

         <Ellipse.Fill>

                 <LinearGradientBrush>

                       <GradientStop Color="Black"/>

                       <!--<GradientStop Color="Gray" Offset="0.5"/>-->

                 </LinearGradientBrush>

         </Ellipse.Fill>

</Ellipse>

  Stroke是指圆圈外部的圆环,而里面的才是圆圈最中间的颜色

  这样一个外绿内黑的环就一步做好了,当然也可以用两个Ellipse来做。

  当添加表针动画时,有几个要注意的地方

  <Rectangle Margin="310,0,250,270" Fill="Green" Width="10" 

Height="80" RenderTransformOrigin="0.5,1.25">

             <Rectangle.RenderTransform>

                     <RotateTransform x:Name="secondTransform"/>

             </Rectangle.RenderTransform>

</Rectangle>

  此处RenderTransformOrigin是指旋转的水平中心点和垂直中心点,0.5,1.0即以矩形的底边中心点为旋转轴的

  动画时间的控制

  <DoubleAnimation x:Name="secondAnimation"

                              Storyboard.TargetName="secondTransform"

                              Storyboard.TargetProperty="Angle"

                              Duration="0:1:0" RepeatBehavior="Forever" To="360"/><!--秒针走一圈所需时间-->


                        Duration="1:0:0" RepeatBehavior="Forever" To="360"/><!--分针走一圈所需时间是一小时-->

                        Duration="12:0:0" RepeatBehavior="Forever" To="360"/><!--时针走一圈所需时间为12小时-->

 

  Duration是指表示 Timeline 处于活动状态的持续时间。

 

 


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:网络转载

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP