plugin/samples/clock.xaml

   1 <Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   2         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
   3
   4         <Image Source="moon1.jpg" x:Name="backImage" Canvas.Left="0" Canvas.Top="0" />
   5
   6         <!-- border 1 -->
   7         <Path Fill="#ffc6c8da" Stroke="#ff605773" StrokeThickness="3">
   8                 <Path.Data>
   9                         <EllipseGeometry Center="100,100" RadiusX="50" RadiusY="50" />
  10                 </Path.Data>
  11         </Path>
  12
  13         <!-- border 2 -->
  14         <Path Fill="#fff3f3f3" Stroke="#ff8585a0" StrokeThickness="5">
  15                 <Path.Data>
  16                         <EllipseGeometry Center="100,100" RadiusX="44" RadiusY="44" />
  17                 </Path.Data>
  18         </Path>
  19
  20         <!-- border 2 -->
  21         <Path Fill="#fff3f3f3" Stroke="Silver" StrokeThickness="1">
  22                 <Path.Data>
  23                         <EllipseGeometry Center="100,100" RadiusX="40" RadiusY="40" />
  24                 </Path.Data>
  25         </Path>
  26
  27         <!-- dots -->
  28         <Path Fill="Silver">
  29                 <Path.Data>
  30                         <EllipseGeometry Center="100,68" RadiusX="4" RadiusY="4" />
  31                 </Path.Data>
  32         </Path>
  33         <Path Fill="Silver">
  34                 <Path.Data>
  35                         <EllipseGeometry Center="132,100" RadiusX="4" RadiusY="4" />
  36                 </Path.Data>
  37         </Path>
  38         <Path Fill="Silver">
  39                 <Path.Data>
  40                         <EllipseGeometry Center="100,132" RadiusX="4" RadiusY="4" />
  41                 </Path.Data>
  42         </Path>
  43         <Path Fill="Silver">
  44                 <Path.Data>
  45                         <EllipseGeometry Center="68,100" RadiusX="4" RadiusY="4" />
  46                 </Path.Data>
  47         </Path>
  48
  49
  50         <!-- hour hand -->
  51         <Line Stroke="Black" X1="100" Y1="75" X2="100" Y2="100" StrokeThickness="6" StrokeStartLineCap="Round">
  52                 <Line.RenderTransform>
  53                         <RotateTransform x:Name="hourHand" Angle="30" CenterX="100" CenterY="100" />
  54                 </Line.RenderTransform>
  55         </Line>
  56
  57         <!-- minute hand -->
  58         <Line Stroke="Black" X1="100" Y1="64" X2="100" Y2="100" StrokeThickness="4" StrokeStartLineCap="Round">
  59                 <Line.RenderTransform>
  60                         <RotateTransform x:Name="minuteHand" Angle="100" CenterX="100" CenterY="100" />
  61                 </Line.RenderTransform>
  62         </Line>
  63
  64         <!-- middle -->
  65         <Path Fill="#fff3f3f3" Stroke="#ff000000" StrokeThickness="4">
  66                 <Path.Data>
  67                         <EllipseGeometry Center="100,100" RadiusX="6" RadiusY="6" />
  68                 </Path.Data>
  69         </Path>
  70
  71         <!-- seconds hand -->
  72         <Path Fill="Red" Stroke="Red">
  73                 <Path.Data>
  74                         <EllipseGeometry Center="100,100" RadiusX="3" RadiusY="3" />
  75                 </Path.Data>
  76         </Path>
  77         <Line Stroke="Red" X1="100" Y1="62" X2="100" Y2="100" StrokeThickness="2" StrokeStartLineCap="Round">
  78                 <Line.RenderTransform>
  79                         <RotateTransform x:Name="secondsHand" Angle="10" CenterX="100" CenterY="100" />
  80                 </Line.RenderTransform>
  81         </Line>
  82
  83 </Canvas>