Silverlight Dashboard and Gauge Elements Drawed in Expression Blend
Code
1<UserControl
2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4 x:Class="SilverlightApplication6.Page"
5 Width="400" Height="400" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
6
7 <Grid x:Name="LayoutRoot" Background="White">
8 <Path Height="84" Margin="7,27.196,0,0" VerticalAlignment="Top" Fill="#FFA7AAC3" Stretch="Fill" Stroke="#FFA7AAC3" Data="M83.5,0.5 C129.33955,0.49999428 166.5,37.660011 166.5,83.5 L0.5,83.5 C0.49998093,37.660378 37.660152,0.49999428 83.5,0.5 z" Width="167" HorizontalAlignment="Left"/>
9 <Path Margin="195,27.196,117,0" Stretch="Fill" Data="M56,0.5 L56.5,0.52524787 L56.5,50.867847 L57.474873,51.525127 C58.108253,52.158508 58.5,53.033504 58.5,54 C58.5,55.932991 56.932991,57.5 55,57.5 C54.51675,57.5 54.056377,57.402061 53.637642,57.224953 L52.562397,56.5 L0.52524781,56.5 L0.5,56 C0.50000286,25.348175 25.348394,0.50000191 56,0.5 z" Height="86.509" d:LayoutOverrides="Height" VerticalAlignment="Top">
10 <Path.Stroke>
11 <LinearGradientBrush EndPoint="1.148,1.138" StartPoint="-0.341,-0.356">
12 <GradientStop Color="#FF152790"/>
13 <GradientStop Color="#FF7A82B2" Offset="1"/>
14 </LinearGradientBrush>
15 </Path.Stroke>
16 <Path.Fill>
17 <LinearGradientBrush EndPoint="0.854,0.849" StartPoint="0.146,0.151">
18 <GradientStop Color="#FF252DB4"/>
19 <GradientStop Color="#FFC9CAE1" Offset="1"/>
20 </LinearGradientBrush>
21 </Path.Fill>
22 </Path>
23 <Path Margin="0,138,95.848,32" Stretch="Fill" Stroke="#FF000000" Data="M8.0000019,0.5 C8.9665022,0.5 9.8415022,0.89175302 10.474874,1.5251259 C10.791563,1.8418139 11.047844,2.2189078 11.224954,2.6376424 L11.399055,3.4999986 L11.500004,3.4999986 L11.500004,215.48088 L13.303303,216.6967 C14.660546,218.05396 15.5,219.92894 15.500004,222 C15.499996,226.14211 12.14214,229.5 8.0000019,229.5 C3.857861,229.5 0.50000572,226.14211 0.5,222 C0.50000286,219.92894 1.3394568,218.05396 2.6967003,216.6967 L4.499999,215.48088 L4.499999,3.4999986 L4.6009479,3.4999986 L4.7750497,2.6376424 C5.1292667,1.8001747 5.8001719,1.1292679 6.6376452,0.77504683 C7.0563774,0.59793782 7.5167522,0.5 8.0000019,0.5 z" Width="16" HorizontalAlignment="Right">
24 <Path.Fill>
25 <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
26 <GradientStop Color="#FFAA140A"/>
27 <GradientStop Color="#FFFFFFFF" Offset="0.493"/>
28 </LinearGradientBrush>
29 </Path.Fill>
30 </Path>
31 <Path Margin="0,37.196,9,0" Width="86.76" Stretch="Fill" Stroke="#FF5E81EE" Data="M86.259529,0.5 L81.343163,23.093964 L71.679657,24.568789 C42.646179,30.509914 17.723167,47.735394 1.6932387,71.462791 L0.5,73.426926 L0.50974488,73.36306 C5.3851852,49.537472 19.520924,29.084866 38.992271,15.93027 C48.727913,9.3529987 59.797493,4.6001892 71.71035,2.162462 C74.688568,1.5530314 77.71949,1.0882926 80.795448,0.77591187 z" VerticalAlignment="Top" Height="74" HorizontalAlignment="Right">
32 <Path.Fill>
33 <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
34 <GradientStop Color="#FF133FF2" Offset="0"/>
35 <GradientStop Color="#FFFFFFFF" Offset="1"/>
36 </LinearGradientBrush>
37 </Path.Fill>
38 </Path>
39 <Path HorizontalAlignment="Left" Margin="127.611,179.025,0,63.975" Width="29" Data="M8.5290632,27.116749 L8.5847092,27.146952 L9.0327778,36.520981 C13.721049,134.82179 14.453291,156.48212 14.453291,156.48212 z M20.484913,27.109163 L20.24922,32.508186 C19.26202,54.929131 17.510483,93.176414 14.453291,156.48212 L20.375137,27.168747 z M14.5,0.5 C22.231976,0.5 28.5,6.7679973 28.5,14.5 C28.5,18.365986 26.932995,21.865984 24.399496,24.399496 C23.766119,25.032871 23.072338,25.605839 22.327534,26.10902 L20.484913,27.109163 L20.5,26.76354 L20.392162,26.796982 L20.375137,27.168747 L19.949432,27.399813 C18.274496,28.108248 16.432999,28.5 14.5,28.5 C12.567003,28.5 10.725506,28.108248 9.0505676,27.399813 L8.5847092,27.146952 L8.5537271,26.498777 L8.500001,26.482117 L8.5290632,27.116749 L6.6724663,26.10902 C3.6932449,24.096294 1.5303988,20.966944 0.78443098,17.321487 C0.59793806,16.410122 0.50000048,15.466498 0.5,14.5 C0.50000381,6.7680006 6.7680254,0.5 14.5,0.5 z" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF10039E" RenderTransformOrigin="0.619175937764794,0.509531546462473">
40 <Path.RenderTransform>
41 <TransformGroup>
42 <ScaleTransform ScaleY="-1"/>
43 <SkewTransform/>
44 <RotateTransform Angle="41.429"/>
45 <TranslateTransform/>
46 </TransformGroup>
47 </Path.RenderTransform>
48 </Path>
49 </Grid>
50
51</UserControl>
1<UserControl
2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4 x:Class="SilverlightApplication6.Page"
5 Width="400" Height="400" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
6
7 <Grid x:Name="LayoutRoot" Background="White">
8 <Path Height="84" Margin="7,27.196,0,0" VerticalAlignment="Top" Fill="#FFA7AAC3" Stretch="Fill" Stroke="#FFA7AAC3" Data="M83.5,0.5 C129.33955,0.49999428 166.5,37.660011 166.5,83.5 L0.5,83.5 C0.49998093,37.660378 37.660152,0.49999428 83.5,0.5 z" Width="167" HorizontalAlignment="Left"/>
9 <Path Margin="195,27.196,117,0" Stretch="Fill" Data="M56,0.5 L56.5,0.52524787 L56.5,50.867847 L57.474873,51.525127 C58.108253,52.158508 58.5,53.033504 58.5,54 C58.5,55.932991 56.932991,57.5 55,57.5 C54.51675,57.5 54.056377,57.402061 53.637642,57.224953 L52.562397,56.5 L0.52524781,56.5 L0.5,56 C0.50000286,25.348175 25.348394,0.50000191 56,0.5 z" Height="86.509" d:LayoutOverrides="Height" VerticalAlignment="Top">
10 <Path.Stroke>
11 <LinearGradientBrush EndPoint="1.148,1.138" StartPoint="-0.341,-0.356">
12 <GradientStop Color="#FF152790"/>
13 <GradientStop Color="#FF7A82B2" Offset="1"/>
14 </LinearGradientBrush>
15 </Path.Stroke>
16 <Path.Fill>
17 <LinearGradientBrush EndPoint="0.854,0.849" StartPoint="0.146,0.151">
18 <GradientStop Color="#FF252DB4"/>
19 <GradientStop Color="#FFC9CAE1" Offset="1"/>
20 </LinearGradientBrush>
21 </Path.Fill>
22 </Path>
23 <Path Margin="0,138,95.848,32" Stretch="Fill" Stroke="#FF000000" Data="M8.0000019,0.5 C8.9665022,0.5 9.8415022,0.89175302 10.474874,1.5251259 C10.791563,1.8418139 11.047844,2.2189078 11.224954,2.6376424 L11.399055,3.4999986 L11.500004,3.4999986 L11.500004,215.48088 L13.303303,216.6967 C14.660546,218.05396 15.5,219.92894 15.500004,222 C15.499996,226.14211 12.14214,229.5 8.0000019,229.5 C3.857861,229.5 0.50000572,226.14211 0.5,222 C0.50000286,219.92894 1.3394568,218.05396 2.6967003,216.6967 L4.499999,215.48088 L4.499999,3.4999986 L4.6009479,3.4999986 L4.7750497,2.6376424 C5.1292667,1.8001747 5.8001719,1.1292679 6.6376452,0.77504683 C7.0563774,0.59793782 7.5167522,0.5 8.0000019,0.5 z" Width="16" HorizontalAlignment="Right">
24 <Path.Fill>
25 <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
26 <GradientStop Color="#FFAA140A"/>
27 <GradientStop Color="#FFFFFFFF" Offset="0.493"/>
28 </LinearGradientBrush>
29 </Path.Fill>
30 </Path>
31 <Path Margin="0,37.196,9,0" Width="86.76" Stretch="Fill" Stroke="#FF5E81EE" Data="M86.259529,0.5 L81.343163,23.093964 L71.679657,24.568789 C42.646179,30.509914 17.723167,47.735394 1.6932387,71.462791 L0.5,73.426926 L0.50974488,73.36306 C5.3851852,49.537472 19.520924,29.084866 38.992271,15.93027 C48.727913,9.3529987 59.797493,4.6001892 71.71035,2.162462 C74.688568,1.5530314 77.71949,1.0882926 80.795448,0.77591187 z" VerticalAlignment="Top" Height="74" HorizontalAlignment="Right">
32 <Path.Fill>
33 <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
34 <GradientStop Color="#FF133FF2" Offset="0"/>
35 <GradientStop Color="#FFFFFFFF" Offset="1"/>
36 </LinearGradientBrush>
37 </Path.Fill>
38 </Path>
39 <Path HorizontalAlignment="Left" Margin="127.611,179.025,0,63.975" Width="29" Data="M8.5290632,27.116749 L8.5847092,27.146952 L9.0327778,36.520981 C13.721049,134.82179 14.453291,156.48212 14.453291,156.48212 z M20.484913,27.109163 L20.24922,32.508186 C19.26202,54.929131 17.510483,93.176414 14.453291,156.48212 L20.375137,27.168747 z M14.5,0.5 C22.231976,0.5 28.5,6.7679973 28.5,14.5 C28.5,18.365986 26.932995,21.865984 24.399496,24.399496 C23.766119,25.032871 23.072338,25.605839 22.327534,26.10902 L20.484913,27.109163 L20.5,26.76354 L20.392162,26.796982 L20.375137,27.168747 L19.949432,27.399813 C18.274496,28.108248 16.432999,28.5 14.5,28.5 C12.567003,28.5 10.725506,28.108248 9.0505676,27.399813 L8.5847092,27.146952 L8.5537271,26.498777 L8.500001,26.482117 L8.5290632,27.116749 L6.6724663,26.10902 C3.6932449,24.096294 1.5303988,20.966944 0.78443098,17.321487 C0.59793806,16.410122 0.50000048,15.466498 0.5,14.5 C0.50000381,6.7680006 6.7680254,0.5 14.5,0.5 z" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF10039E" RenderTransformOrigin="0.619175937764794,0.509531546462473">
40 <Path.RenderTransform>
41 <TransformGroup>
42 <ScaleTransform ScaleY="-1"/>
43 <SkewTransform/>
44 <RotateTransform Angle="41.429"/>
45 <TranslateTransform/>
46 </TransformGroup>
47 </Path.RenderTransform>
48 </Path>
49 </Grid>
50
51</UserControl>
Life is like a boat, and I'm at sea.