Création de l’interface graphique pour l’assistant d’envoi de photos vers Flickr

Comment je l’ai écrit dans l’article précédent. J’ai décidé de me lancer dans le développement d’une application permettant d’envoyer des photos par lot sur le site de partage de photos Flickr. Pour le développement, j’ai utilisé Visual C# 2010 Express, la version gratuite de Microsoft. L’application utilisera WPF, l’interface sera donc écrite en XAML.

Voici un aperçu de l’interface :

Pour le logo Flickr, j’ai téléchargé l’image en SVG à partir de Wikipédia.

Je l’ai réduite grâce à InkScape. Puis, je l’ai convertie en XAML via le site SVG to XAML Converter. Ce qui ma donné le code suivant :

<Canvas Name="cnvFlickr" Width="118.86651" Height="36" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Margin="4,263,380,12">
  <Canvas Name="g2403" RenderTransform="0.25399041,0,0,0.25399041,0,-1.9831686">
      <Canvas Name="g2405">
          <Path Fill="#FF0063DB" Name="lettreF">
              <Path.Data>
                  <PathGeometry FillRule="Nonzero" Figures="M20.591,73.837L0,73.837 0,48.486 21.173,48.486 21.173,42.05C21.173,10.865 35.353,0 63.324,0 70.9,0 76.727,1.207 81.194,2.013L79.058,26.96C76.145,25.954 73.231,25.35 67.987,25.35 59.052,25.35 55.555,31.788 55.555,42.05L55.555,48.487 80.418,48.487 80.418,73.838 55.555,73.838 55.555,153.305 20.591,153.305 20.591,73.837z" />
              </Path.Data>
          </Path>
          <Rectangle RadiusX="0" RadiusY="0" Fill="#FF0063DB" Name="lettreL" Width="34.964001" Height="150.88901" Canvas.Left="98.675003" Canvas.Top="2.415" />
          <Rectangle RadiusX="0" RadiusY="0" Fill="#FF0063DB" Name="lettreIPoint" Width="34.965" Height="26.556999" Canvas.Left="163.552" Canvas.Top="4.829" />
          <Rectangle RadiusX="0" RadiusY="0" Fill="#FF0063DB" Name="lettreI" Width="34.965" Height="104.817" Canvas.Left="163.552" Canvas.Top="48.486" />
          <Path Fill="#FF0063DB" Name="lettreC">
              <Path.Data>
                  <PathGeometry FillRule="Nonzero" Figures="M303.604,78.462C297.194,74.441 290.784,72.629 282.431,72.629 267.28,72.629 255.625,83.493 255.625,101.601 255.625,118.3 269.223,129.162 284.374,129.162 292.339,129.162 300.304,127.353 306.13,124.133L306.907,151.092C298.165,154.112 287.677,155.721 278.353,155.721 244.941,155.721 219.496,135.602 219.496,100.998 219.496,66.192 244.941,46.074 278.353,46.074 288.843,46.074 298.165,47.885 306.13,51.908L303.604,78.462z" />
              </Path.Data>
          </Path>
          <Path Fill="#FF0063DB" Name="lettreK">
              <Path.Data>
                  <PathGeometry FillRule="Nonzero" Figures="M424.231,48.486L389.073,96.569 427.145,153.304 384.799,153.304 356.829,101.399 356.44,101.399 356.44,153.304 321.477,153.304 321.477,2.415 321.477,2.415 356.44,2.415 356.44,92.548 356.829,92.548 385.965,48.486z" />
              </Path.Data>
          </Path>
          <Path Fill="#FFFF0084" Name="lettreR">
              <Path.Data>
                  <PathGeometry FillRule="Nonzero" Figures="M512.417,77.456C508.532,76.251 504.646,76.251 500.569,76.251 484.253,76.251 475.122,88.522 475.122,109.044L475.122,153.304 440.159,153.304 440.159,48.486 472.014,48.486 472.014,67.8 472.403,67.8C478.423,54.521 487.165,46.072 502.317,46.072 506.393,46.072 510.667,46.675 514.167,47.278L512.417,77.456z" />
              </Path.Data>
          </Path>
      </Canvas>
  </Canvas>
</Canvas>

Le code source est disponible sur GitHub à l’adresse :
GitHub https://github.com/ILPlais/EnvoiFlickr

Publicités

~ par ILP sur 29 novembre 2012.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

 
%d blogueurs aiment cette page :