Project Description
- Control library SL4 with Button Metro Style
- Windows application for download and convert SVG to Resource.xaml for silverlight

Example :
MetroLightKit.PNG

Video library :
http://www.youtube.com/watch?v=22MQUeZAmNg

Download extract and Convert SVG to Xaml Silverlight :
ConvertSvgXaml.PNG

Video Converter:
http://www.youtube.com/watch?v=YGLSo9kIqpc

<!-- Exemples Resources Convert SVG->
<Style TargetType="Metro:MetroButtonContent" x:Name="SvgBaggage">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="Metro:MetroButtonContent">
          <Grid Width="100" Height="82.704">
            <Path Data="M17.473 82.588h-7.398C4.952 82.58 0.005 78.827 0 72.287c0 0 0.005-46.695 0-46.837
  c0.005-5.786 4.833-10.182 10.075-10.186h7.398V82.588L17.473 82.588z" />
            <Path Data="M64.025 15.378V5.7c0.028-3.486-3.065-5.715-6.829-5.688c0 0-14.393-0.027-14.341 0c-3.749-0.027-6.894 2.202-6.887 
5.688  v9.678H22.48v67.325h55.146V15.378H64.025z M58.961 15.378H40.919v-9.96h18.042V15.378z" />
            <Path Data="M82.578 82.588h7.398c5.083-0.009 10.031-3.762 10.017-10.302c0 0 0.015-46.695 0-46.837  
c0.015-5.786-4.814-10.182-10.017-10.186h-7.398V82.588L82.578 82.588z" />
          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
<!-- Exemples Controls  ->
<MetroLightKit:MetroButton Orientation="Vertical" ImageStyle="{StaticResource SvgBaggage}"
		CercleThickness="6" Content="Texte" ContentMargin="2" FontSize="15"
		ImageWidth="80" ImageMargin="0" ImageScaleY="0.5" ImageScaleX="0.6"
		Margin="5" HorizontalAlignment="Left" VerticalAlignment="Center" 
		Foreground="Black" ForegroundOver="White" />

Last edited Nov 19, 2011 at 8:13 PM by Auriou, version 12