<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tweened &#187; Composants</title>
	<atom:link href="http://www.tweened.org/fr/category/composants/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tweened.org</link>
	<description>powered by Silverlight</description>
	<lastBuildDate>Thu, 17 Jun 2010 13:10:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Yet another Lite 3D Engine to release</title>
		<link>http://www.tweened.org/fr/2010/06/17/yet-another-lite-3d-engine-to-release/</link>
		<comments>http://www.tweened.org/fr/2010/06/17/yet-another-lite-3d-engine-to-release/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 13:07:58 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Blend]]></category>
		<category><![CDATA[Composants]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Lite engine]]></category>

		<guid isPermaLink="false">http://www.tweened.org/fr/?p=812</guid>
		<description><![CDATA[
us version


Je mettrai en ligne courant de l'été une première release de la librairie Tweened. Celle-ci contient notamment, des composants, des behaviors, un wrapper de tween (facilitant la conception d'animation par code) ainsi qu'un mini moteur 3D très simple d'utilisation. En voici un exemple concret téléchargeable ici :

J'ai fais ce moteur avant tout pour des [...]]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper">
<li class="#dtreecatwrapper"><a href="http://www.tweened.org/en/2010/06/17/yet-another-lite-3d-engine-to-release/">us version</a></li>
</ul>
<p><a href="http://www.tweened.org/wp-content/files/3dleScreen.jpg" title="3dleScreen" rel="lightbox[812]"><img class="aligncenter size-full wp-image-820" title="3dleScreen" src="http://www.tweened.org/wp-content/files/3dleScreen.jpg" alt="" width="630" height="200" /></a></p>
<p>Je mettrai en ligne courant de l'été une première release de la librairie Tweened. Celle-ci contient notamment, des composants, des behaviors, un wrapper de tween (facilitant la conception d'animation par code) ainsi qu'un mini moteur 3D très simple d'utilisation. En voici un exemple concret <a href="http://www.tweened.org/3DExample/Tweened.Test3DEngine.zip">téléchargeable ici</a> :</p>
<p><div id="silverlightControlHost"><object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="700"><param name="source" value="http://www.tweened.org/3DExample/TestLite3DEngine.xap"/><param name="windowless" value="true"/><param name="background" value="#00FFFFFF" /><param name="minRuntimeVersion" value="3.0.40818.0" /><param name="autoupgrade" value="true" /><param name="enableHtmlAccess" value="true" /><param name="initParams" value="4.0.50524.0" /><a href="http://go.microsoft.com/fwlink/?LinkID=149156" style="text-decoration: none;"><img src="http://storage.timheuer.com/sl4wp-ph.png" alt="Install Microsoft Silverlight" style="border-style: none; width:400px; height:200px"/></a></object><iframe style="visibility:hidden;height:0;width:0;border:0px" id="_sl_historyFrame"></iframe></div><br /></p>
<p>J'ai fais ce moteur avant tout pour des besoins personnels et afin de me remémorer les mathématiques projectives. Réinventer la poudre ne fais quelques fois pas de mal. L'idée est surtout de fournir une dll de moins de 40ko qui permet de faire de la 3D. Celle-ci sera utilisable pour les designers à travers Blend ou dans Visual Studio via C#.  Elle concentrera très vite toutes les fonctionnalités de base réellement utiles et que nous n'avons pas  actuellement via Blend : Caméra 3D, Container 3D, Scène 3D, détection des normales et z sorting intelligent (plus malin et performant que celui actuellement proposé dans Blend). J'y ajoute une classe utilitaire facilitant l'utilisation de mathématiques projectives.</p>
<p>Voilà ces composants :</p>
<ol>
<li>Un conteneur de type Scene3D (hérite de Panel).<br />
Tous les objets placés en sont sein voient leur propriétés Projection native lockée. Ceux-ci peuvent utilisées les propriétés attachées suivantes :</p>
<ul>
<li>Scene3D.LocalOffsetX</li>
<li>Scene3D.LocalOffsetY</li>
<li>Scene3D.LocalOffsetZ</li>
</ul>
<ul>
<li>Scene3D.GlobalOffsetX</li>
<li>Scene3D.GlobalOffsetY</li>
<li>Scene3D.GlobalOffsetZ</li>
</ul>
<ul>
<li>Scene3D.RotationX</li>
<li>Scene3D.RotationY</li>
<li>Scene3D.RotationZ</li>
</ul>
<p>Ils sont associés à une instance de type Element3D. Celle-ci est récupérable (lorsque l'événement <em>StartUp </em>de la scène 3d est diffusé) <em>via </em>une méthode d'extension ajoutées pour les instances d'<em>UIElement (GetElement3D)</em>.</li>
<li>Une caméra associée au conteneur Scene3D. Celle-ci offre les propriétés suivantes :
<ul>
<li>FieldOfView</li>
<li>Plan de clipping proche : NearPlane</li>
<li>Plan de clipping éloigné : FarPlane</li>
<li>Point de fuite (XVanishingPoint, YVanishingPoint)</li>
<li>Déplacement (OffsetXCamera, OffsetYCamera, OffsetZCamera)</li>
<li>Rotation (RotateXCamera, RotateYCamera, RotateZCamera)</li>
</ul>
</li>
</ol>
<p>Détection du changement de direction de la normale (Backface culling) et du produit scalaire via les événements <em>NormalDirectionChanged </em>et <em>DotProductChanged</em>. Ces événements sont diffusés par les instances de type Element3D.</p>
<p><a href="http://www.tweened.org/wp-content/files/3DLE.jpg" title="3DLE" rel="lightbox[812]"><img class="aligncenter size-full wp-image-817" title="3DLE" src="http://www.tweened.org/wp-content/files/3DLE.jpg" alt="" width="620" height="565" /></a></p>
<p>Je suis en cours de finition d'un algorithme de tri des profondeurs. Ce moteur devrait être assez optimisé car son rendu ne repose pas sur un DispatcherTimer. Deplus, le pipeline de rendu est assez optimisé car il n'est pas récursif par défaut. Lorsqu'un seul objet est modifié, ce dernier invoque en interne une méthode <em>RenderElement</em>. A contrario, lorsque la scène ou la caméra sont modifiées, il devient récursif et met à jour l'ensemble des objets de la scène... A bientôt donc pour la release finale de la librairie Tweened...</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/fr/2010/06/17/yet-another-lite-3d-engine-to-release/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Silverlight Smooth Streaming plugin for WordPress</title>
		<link>http://www.tweened.org/fr/2010/05/24/silverlight-smooth-streaming-plugin-for-wordpress/</link>
		<comments>http://www.tweened.org/fr/2010/05/24/silverlight-smooth-streaming-plugin-for-wordpress/#comments</comments>
		<pubDate>Mon, 24 May 2010 09:30:45 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Composants]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Smooth Streaming]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.tweened.org/fr/?p=766</guid>
		<description><![CDATA[
us version

Je mets en ligne un nouveau plugin wordpress produit par Regart.net. Il s'agit d'un lecteur vidéo smooth streaming également capable de lire une vidéo standard au format wmv, ou mov, mp4 (lorsque la vidéo est encodée en H264). Il vous faudra tout de même héberger la vidéo sur un serveur IIS si vous souhaitez [...]]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper">
<li class="#dtreecatwrapper"><a href="http://www.tweened.org/en/2010/05/24/silverlight-smooth-streaming-plugin-for-wordpress/">us version</a></li>
</ul>
<object data="data:application/x-silverlight," type="application/x-silverlight-2" width="100%" height="400px"><param name="source" value="http://www.tweened.org/wp-content/plugins/smooth-streaming-player/silverlight/playerss.xap"/><param name="onerror" value="onSilverlightError" /><param name="windowless" value="true" /><param name="background" value="transparent" /><param name="minRuntimeVersion" value="3.0.40818.0" /><param name="autoUpgrade" value="true" /><param  name="initParams" value="videoUrl=http://www.tweened.org/wp-content/files/toystory3_720p.mp4,autoPlay=true,themeColorOne=726A5D,themeColorTwo=999285" /><a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50401.0" style="text-decoration: none;"><img src="http://go.microsoft.com/fwlink/?LinkID=161376" alt="Get Microsoft Silverlight" style="border-style: none"/></a></object>
<p><a href="http://www.tweened.org/wp-content/files/sl-playerss.zip" target="_blank">Je mets en ligne un nouveau plugin wordpress</a> produit par <a href="http://www..regart.net" target="_blank">Regart.net</a>. Il s'agit d'un lecteur vidéo smooth streaming également capable de lire une vidéo standard au format wmv, ou mov, mp4 (lorsque la vidéo est encodée en H264). Il vous faudra tout de même héberger la vidéo sur un serveur IIS si vous souhaitez bénéficier du smooth streaming. Le configurer est relativement simple puisque nous fournissons une fenêtre d'administration côté WordPress. Celle-ci possède un aperçu du lecteur, la possibilité de modifier la couleur, l'url de la vidéo, la lecture automatique, les dimensions ainsi que la couleur de fond du player. Celui-ci vous avertit, lorsque la vidéo n'est pas hébergée sur votre serveur, des contrainte de sécurité que vous pourriez rencontrer (crossdomain.xml ou clientaccesspolicy.xml nécessaire et configuré).</p>
<p><a href="http://www.tweened.org/wp-content/files/ScreenShotAdmin.jpg" title="ScreenShotAdmin" rel="lightbox[766]"><img class="alignleft size-full wp-image-775" title="ScreenShotAdmin" src="http://www.tweened.org/wp-content/files/ScreenShotAdmin.jpg" alt="" width="672" height="732" /></a></p>
<p>J'ai réalisé la conception côté Silverlight mais je n'ai pas utilisé pour cela le player fourni par Microsoft. J'ai préféré utiliser la librairie <a href="http://slextensions.codeplex.com/" target="_blank">SLExtensions</a> conçues par la société <a href="http://www.ucaya.com/" target="_blank">Ucaya</a> spécialisée dans la conception de ce type de lecteur. Par le passé, <a href="http://www.ucaya.com/" target="_blank">Ucaya </a>a réalisé les players du "Tour de France", "Rolland Garros", "France Télévision" et j'en passe. Quels sont les avantages me direz-vous ? C'est tout simple. Tout d'abord les fonctionnalités apportée par la librairie sont ultra complètes. De plus, celle-ci offre la possibilité de faire du Full MVVM, Du coup l'interface est entièrement Designable (bien mieux que skinnable). Pour finir, sa conception est assez fine car elle permet d'instancier un MediaElement ou l'équivalent pour le smooth streaming selon le type d'url que vous fournissez : ism et isml pour le smooth streaming et wmv, mov, mp4 (H264) pour les vidéos standards. Il est donc possible de faire un player à la carte et d'éviter l'arsenal fourni par la librairie SMF de Microsoft.</p>
<p>Si vous souhaitez faire la différence entre les différents modes de diffusion existant, vous pouvez consulter les schémas ci-dessous.<div class="silverlightControlHost"><object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="500" style='outline:none'>
<param name="source" value="http://www.tweened.org/wp-content/plugins/silverlight-gallery/ClientBin/pluginSL.xap"/>
<param name="background" value="transparent" />
<param name="windowless" value="1" />
<param name="minRuntimeVersion" value="3.0.40723.0" />
<param name="initParams" value="GalleryUrl=http://www.tweened.org/wp-content/plugins/silverlight-gallery/image_xml.php?id=766,
	 leftArrow=true, 
	rightArrow=true, 
	pageNumbers=true, 
	thumbnails=true, 
	fill=uniform" />
<param name="autoupgrade" value="true" />
<param name="enableHtmlAccess" value="true" /><param name="splashscreensource" value="http://www.tweened.org/wp-content/plugins/silverlight-gallery/ClientBin/preloadSL.xaml" /><a href="http://go.microsoft.com/fwlink/?LinkID=149156&amp;v=3.0.40624.0" style="text-decoration: none;"><img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/></a></object></div><br />
Ceux-ci sont directement issus de mon livre <a href="http://www.pearson.fr/livre/?GCOI=27440100843070" target="_blank"><em>Pratique de Silverlight</em></a> aux éditions <a href="http://www.pearson.fr" target="_blank">Pearson</a>. Vous pouvez consulter de nombreux schémas présent dans le livre sur <a href="http://referencesilverlight.tweened.org/" target="_blank">le blog dédié</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/fr/2010/05/24/silverlight-smooth-streaming-plugin-for-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://dl.dropbox.com/u/375527/Wall-e.wmv" length="9262139" type="video/x-ms-wmv" />
<enclosure url="http://www.tweened.org/wp-content/files/PetitPanOcean.mov" length="34791218" type="video/quicktime" />
<enclosure url="http://www.tweened.org/wp-content/files/toystory3_1080p.mov" length="169217895" type="video/quicktime" />
<enclosure url="http://www.tweened.org/wp-content/files/toystory3_720p.mp4" length="36791707" type="video/mp4" />
		</item>
		<item>
		<title>Galerie WordPress en Silverlight</title>
		<link>http://www.tweened.org/fr/2010/01/20/gallery-wordpress-en-silverlight/</link>
		<comments>http://www.tweened.org/fr/2010/01/20/gallery-wordpress-en-silverlight/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 09:57:22 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Composants]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.tweened.org/?p=57</guid>
		<description><![CDATA[
us version

J'ai récemment participé au développement d'un plugin pour wordpress au côté de Boris Forconi. Celui-ci est basé en partie sur celui de Tim Heuer. L'idée était de créer une galerie Silverlight en utilisant l'API wordpress mais en développant la galerie elle-même en Silverlight. Boris s'est occupé de toute la partie PHP et de l'intégration [...]]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper">
<li class="#dtreecatwrapper"><a href="http://www.tweened.org/en/2010/01/20/gallery-wordpress-en-silverlight/">us version</a></li>
</ul>
<p>J'ai récemment participé au développement d'un plugin pour wordpress au côté de <a href="http://www.borisforconi.net/">Boris Forconi</a>. Celui-ci est basé en partie sur celui de <a href="http://timheuer.com/blog/articles/silverlight-for-wordpress.aspx" target="_blank">Tim Heuer</a>. L'idée était de créer une galerie Silverlight en utilisant l'API wordpress mais en développant la galerie elle-même en Silverlight. <a href="http://www.borisforconi.net/">Boris</a> s'est occupé de toute la partie PHP et de l'intégration à Wordpress. Pour ma part, j'ai développé la partie Silverlight. L'objectif est de fournir un moyen simple de mettre des images en ligne pour Wordpress comme montré ci-dessous :</p>
<p><div class="silverlightControlHost"><object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="580" height="260" style='outline:none'>
<param name="source" value="http://www.tweened.org/wp-content/plugins/silverlight-gallery/ClientBin/pluginSL.xap"/>
<param name="background" value="transparent" />
<param name="windowless" value="1" />
<param name="minRuntimeVersion" value="3.0.40723.0" />
<param name="initParams" value="GalleryUrl=http://www.tweened.org/wp-content/plugins/silverlight-gallery/image_xml.php?id=57,
	 leftArrow=true, 
	rightArrow=true, 
	pageNumbers=true, 
	thumbnails=true, 
	fill=uniform" />
<param name="autoupgrade" value="true" />
<param name="enableHtmlAccess" value="true" /><a href="http://go.microsoft.com/fwlink/?LinkID=149156&amp;v=3.0.40624.0" style="text-decoration: none;"><img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/></a></object></div></p>
<p>Il suffit d'écrire une balise de type : <em>[sl-gallery: ...]</em></p>
<p>Vous pouvez définir les paramètres comme indiqué dans l'exemple ci-dessous :</p>
<ul>
<li>width=400<br />
//définit la largeur de la galerie à 400 pixels</li>
<li>height=400<br />
//définit la hauteur de la galerie à 400 pixels</li>
<li>leftArrow=true<br />
//affiche ou cache la flèche de gauche</li>
<li>rightArrow=true<br />
//affiche ou cache la flèche de droite</li>
<li>pageNumbers=true<br />
//affiche ou cache la pagination</li>
<li>thumbnails=true<br />
//affiche ou cache les vignettes</li>
<li style="text-align: left;">fill=uniform<br />
//permet d'indiquer un mode de remplissage vous avez le choix entre :<br />
//   uniform (remplissage homothétique partiel selon possibilité)<br />
//   uniformtofill (remplissage avec homothétie)<br />
//   fill(remplissage avec déformation les dimensions)<br />
//   none (préserve les dimensions originales)</li>
<li>bgcolor<br />
//couleur d'arrière plan</li>
<li>bgmode<br />
//sans arrière plan ou avec arrière plan windowless</li>
</ul>
<p>La première bonne nouvelle, c'est qu'il est possible d'utiliser un menu pour paramétrer tout ça en 2 secondes. Il s'ajoute à l'administration des articles Wordpress. Une petite fenêtre apparaît lorsque vous cliquez sur le bouton (voir ci-dessous).</p>
<p style="text-align: left;"><a href="http://www.tweened.org/wp-content/files/adminPlugin.jpg" title="adminPlugin" rel="lightbox[57]"><img class="size-medium wp-image-510 aligncenter" style="border: 0pt none; margin-top: 4px; margin-bottom: 4px;" title="adminPlugin" src="http://www.tweened.org/wp-content/files/adminPlugin-300x154.jpg" alt="" width="300" height="154" /></a><br />
La seconde bonne nouvelle, c'est que nous mettrons rapidement les sources à disposition sur wordpress.com. De cette manière vous pourrez modifier entièrement le visuel de la galerie côté Silverlight. Dans tous les cas, celle-ci récupère dynamiquement les images de la galerie Wordpress. Vous pouvez en télécharger une première version <a href="http://www.flashxpress.net/wp-content/uploads/2010/01/sl-gallery.zip">ici</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/fr/2010/01/20/gallery-wordpress-en-silverlight/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Free ColorPicker and ColorChooser custom controls</title>
		<link>http://www.tweened.org/fr/2010/01/05/free-colorpicker-and-colorchooser-custom-controls/</link>
		<comments>http://www.tweened.org/fr/2010/01/05/free-colorpicker-and-colorchooser-custom-controls/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 14:03:42 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Composants]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[ColorPicker]]></category>
		<category><![CDATA[Controls]]></category>
		<category><![CDATA[Custom Controls]]></category>

		<guid isPermaLink="false">http://www.tweened.org/fr/?p=416</guid>
		<description><![CDATA[
us version

Je mets en ligne deux nouveaux composants exposés ci-dessous :

Vous pouvez  télécharger la librairie tweenedcontrols ici.
ColorChooser
Depuis sa version beta, ce contrôle a été largement améliorée. Il est désormais possible de cliquer directement sur la surface des deux nuanciers pour sélectionner une couleur. La propriété SelectedColor est cette fois de type Color. Tous les tests [...]]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper">
<li class="#dtreecatwrapper"><a href="http://www.tweened.org/en/2010/01/05/free-colorpicker-and-colorchooser-custom-controls/">us version</a></li>
</ul>
<p>Je mets en ligne deux nouveaux composants exposés ci-dessous :<br />
<div id="silverlightControlHost"><object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="540" height="323"><param name="source" value="http://www.tweened.org/wp-content/uploads/applis/TestColorControls.xap"/><param name="windowless" value="true"/><param name="background" value="#00FFFFFF" /><param name="minRuntimeVersion" value="3.0.40818.0" /><param name="autoupgrade" value="true" /><param name="enableHtmlAccess" value="true" /><param name="initParams" value="3.0.40818.0" /><a href="http://go.microsoft.com/fwlink/?LinkID=149156" style="text-decoration: none;"><img src="http://storage.timheuer.com/sl4wp-ph.png" alt="Install Microsoft Silverlight" style="border-style: none; width:400px; height:200px"/></a></object><iframe style="visibility:hidden;height:0;width:0;border:0px" id="_sl_historyFrame"></iframe></div><br /><br />
Vous pouvez  télécharger la librairie <a href="http://www.tweened.org/wp-content/files/Tweened.Controls.dll">tweenedcontrols ici</a>.</p>
<p><em>ColorChooser</em><br />
Depuis sa version beta, ce contrôle a été largement améliorée. Il est désormais possible de cliquer directement sur la surface des deux nuanciers pour sélectionner une couleur. La propriété <em>SelectedColor </em>est cette fois de type <em>Color</em>. Tous les tests d'écriture d'une couleur sont directement accomplis par cette classe. Cela simplifie beaucoup le code et évite l'utilisation d'une classe de conversion.</p>
<p><em>ColorPicker</em><br />
Ce composant a pour but de faire apparaitre un <em>ColorChooser </em>via l'utilisation interne d'une instance de <em>Popup</em>. Toute la problématique consiste à placer le <em>ColorChooser </em>à côté du <em>ColorPicker</em>. À cette fin, j'ai créé une méthode d'extension pour la classe <em>Popup</em>. Il est également possible d'accéder au style et template du <em>ColorChooser </em>directement par l'intermédiaire des menus Edit Template=&gt; Edit Aditional Template comme montré ci-dessous.</p>
<p><a href="http://www.tweened.org/wp-content/files/cap.jpg" title="cap" rel="lightbox[416]"><img class="alignnone size-medium wp-image-452" style="border: 0pt none; margin: 2px;" title="cap" src="http://www.tweened.org/wp-content/files/cap-300x289.jpg" alt="" width="300" height="289" /></a><br />
<em>ColorPicker </em>possède la propriété de dépendance <em>IsOpen </em>couplée aux événements <em>Opened </em>et <em>Closed</em>.<br />
Mis à part cette astuce ce contrôle se contente d'exposer, les propriétés et événements du <em>ColorChooser</em>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/fr/2010/01/05/free-colorpicker-and-colorchooser-custom-controls/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>PieProgressBar custom control</title>
		<link>http://www.tweened.org/fr/2009/12/16/a-new-pieprogressbar-custom-control/</link>
		<comments>http://www.tweened.org/fr/2009/12/16/a-new-pieprogressbar-custom-control/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 07:34:35 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Composants]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Tweened]]></category>

		<guid isPermaLink="false">http://www.tweened.org/fr/2009/12/16/a-new-pieprogressbar-custom-control/</guid>
		<description><![CDATA[
us version

Pour les besoins d'une production récente, j'ai du concevoir un contrôle de progression circulaire nommé PieProgressBar. Ce dernier hérite de la classe RangeBase et bénéficie à ce titre de toutes les capacités inhérentes à ce type de contrôle. Il se comporte au final comme n'importe quel contrôle de type ProgressBar avec quelques petites choses [...]]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper">
<li class="#dtreecatwrapper"><a href="http://www.tweened.org/en/2009/12/16/a-new-pieprogressbar-custom-control/">us version</a></li>
</ul>
<p>Pour les besoins d'une production récente, j'ai du concevoir un contrôle de progression circulaire nommé <em>PieProgressBar</em>. Ce dernier hérite de la classe <em>RangeBase </em>et bénéficie à ce titre de toutes les capacités inhérentes à ce type de contrôle. Il se comporte au final comme n'importe quel contrôle de type <em>ProgressBar</em> avec quelques petites choses en plus. La petite difficulté fut de créer dynamiquement le camembert de progression via C#. Contrairement à WPF, Silverlight ne permet pas de surcharger de méthode permettant de créer de nouveaux genres de <em>Shape</em>. Autrement dit, même si <em>Shape</em> est une classe abstraite, il ne sert à rien d'en hériter car la méthode de conception du tracé ne peut être surchargée.<br />
L'autre technique consiste à utiliser le "Path mini language" qui permet de créer des figures géométriques en XAML. J'ai du utiliser 3 segments dont un <em>ArcSegment </em>afin de réaliser ce contrôle. comme je ne pouvais pas créer de primitive <em>Pie </em>pour le graphiste sous Blend, il a fallu ruser... La technique consiste a créer dynamiquement le camembert lors de l'assignation d'une partie de contrôle (<em>ControlPart</em>). En interne, les propriétés de remplissage du tracé généré, sont liées aux propriétés du contrôle via une simple liaison de données créées cote C#.<br />
Vous pouvez en voir des exemplaires ci-dessous et télécharger la librairie <a href="http://www.tweened.org/wp-content/files/tweenedcontrols.dll">tweenedcontrols ici</a>.</p>
<p><div id="silverlightControlHost"><object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="320" height="120"><param name="source" value="http://www.tweened.org/wp-content/uploads/applis/TestControls.xap"/><param name="windowless" value="true"/><param name="background" value="#00FFFFFF" /><param name="minRuntimeVersion" value="3.0.40818.0" /><param name="autoupgrade" value="true" /><param name="enableHtmlAccess" value="true" /><param name="initParams" value="3.0.40818.0" /><a href="http://go.microsoft.com/fwlink/?LinkID=149156" style="text-decoration: none;"><img src="http://storage.timheuer.com/sl4wp-ph.png" alt="Install Microsoft Silverlight" style="border-style: none; width:400px; height:200px"/></a></object><iframe style="visibility:hidden;height:0;width:0;border:0px" id="_sl_historyFrame"></iframe></div><br /></p>
<p>Une fois la dll référencée, vous pouvez instancier des contrôle <em>PieProgressBar </em>dans Blend via le panneau Assets comme montré ci-dessous :</p>
<p><a href="http://www.tweened.org/wp-content/files/accespieprogressbar.jpg" title="accespieprogressbar" rel="lightbox[403]"><img class="alignleft size-full wp-image-411" style="border: 0pt none; margin: 2px;" title="accespieprogressbar" src="http://www.tweened.org/wp-content/files/accespieprogressbar.jpg" alt="" width="500" height="281" /></a></p>
<p>Ce composant va être sans doute inclu comme d'autres dans le projet CodePlex SLExtensions que Thierry Bouquain met à jour en ce moment et que je salue au passage <img src='http://www.tweened.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/fr/2009/12/16/a-new-pieprogressbar-custom-control/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CustomControl ColorChooser and ColorPicker</title>
		<link>http://www.tweened.org/fr/2009/10/30/customcontrol-colorchooser-and-colorpicker/</link>
		<comments>http://www.tweened.org/fr/2009/10/30/customcontrol-colorchooser-and-colorpicker/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 11:34:04 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Actus]]></category>
		<category><![CDATA[Composants]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Tutos Vidéos]]></category>
		<category><![CDATA[Tweened]]></category>
		<category><![CDATA[Silverlight 3]]></category>

		<guid isPermaLink="false">http://www.tweened.org/fr/?p=354</guid>
		<description><![CDATA[
us version


J'ai récemment eu besoin de contrôles personnalisables de type ColorPicker et ColorChooser, n'en trouvant pas, je les ai conçu from scratch, voici une démo.

Ceux-ci sont en version bêta mais je pense fournir une version finale d'ici le 15 novembre. En attendant, si vous souhaitez tester ces contrôles et télécharger la dll pour test dans [...]]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper">
<li class="#dtreecatwrapper"><a href="http://www.tweened.org/en/2009/10/30/customcontrol-colorchooser-and-colorpicker/">us version</a></li>
</ul>
<p><a href="http://www.tweened.org/wp-content/files/capture21.jpg" title="capture21" rel="lightbox[354]"><img class="alignnone size-full wp-image-365" style="border: 0pt none; margin-top: 5px; margin-bottom: 5px;" title="capture21" src="http://www.tweened.org/wp-content/files/capture21.jpg" alt="" width="580" height="184" /></a></p>
<p>J'ai récemment eu besoin de contrôles personnalisables de type ColorPicker et ColorChooser, n'en trouvant pas, je les ai conçu from scratch, voici une démo.</p>
<p><div id="silverlightControlHost"><object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="540" height="330"><param name="source" value="http://www.tweened.org/wp-content/uploads/applis/colorPicker.xap"/><param name="windowless" value="true"/><param name="background" value="#00FFFFFF" /><param name="minRuntimeVersion" value="3.0.40818.0" /><param name="autoupgrade" value="true" /><param name="enableHtmlAccess" value="true" /><param name="initParams" value="3.0.40818.0" /><a href="http://go.microsoft.com/fwlink/?LinkID=149156" style="text-decoration: none;"><img src="http://storage.timheuer.com/sl4wp-ph.png" alt="Install Microsoft Silverlight" style="border-style: none; width:400px; height:200px"/></a></object><iframe style="visibility:hidden;height:0;width:0;border:0px" id="_sl_historyFrame"></iframe></div><br /></p>
<p>Ceux-ci sont en version bêta mais je pense fournir une version finale d'ici le 15 novembre. En attendant, si vous souhaitez tester ces contrôles et télécharger la dll pour test dans SL3, c'est <a href="http://www.tweened.org/wp-content/uploads/applis/TweenedControls.dll">ici</a>.</p>
<p>Ps : le plugin Silverlight pour WordPress fourni par Tim Heuer est vraiment performant et très utile, merci à lui, je n'utiliserai plus que cette solution <img src='http://www.tweened.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/fr/2009/10/30/customcontrol-colorchooser-and-colorpicker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Silverlight 2 Toolkit</title>
		<link>http://www.tweened.org/fr/2008/11/01/silverlight-2-toolkit/</link>
		<comments>http://www.tweened.org/fr/2008/11/01/silverlight-2-toolkit/#comments</comments>
		<pubDate>Sat, 01 Nov 2008 15:08:57 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Actus]]></category>
		<category><![CDATA[Composants]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Silverlight 2]]></category>

		<guid isPermaLink="false">http://www.tweened.org/?p=92</guid>
		<description><![CDATA[
La technologie et les outils de développement Silverlight s'adaptent au marché et c'est une bonne nouvelle  .     
     On pouvait en effet penser qu'après la sortie de la version 2 finale , une légère pose viendrait stopper le rythme tonitruant des releases en tout genre autour de Silverlight. C'était sans compter Microsoft qui répond d'emblée à [...]]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper"></ul>
<div>La technologie et les outils de développement Silverlight s'adaptent au marché et c'est une bonne nouvelle <img src='http://www.tweened.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .     </p>
<p>     On pouvait en effet penser qu'après la sortie de la version 2 finale , une légère pose viendrait stopper le rythme tonitruant des releases en tout genre autour de Silverlight. C'était sans compter Microsoft qui répond d'emblée à certaines critiques que l'on pouvait faire concernant le manque de contrôles accessibles au sein des projets Silverlight. La réponse à la fois souple et pratique  à mettre en place consiste à fournir une boîte à outils facile à installer et à mettre à jour gratuite.</p>
<p><img src="http://i3.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=Silverlight&amp;DownloadId=47808" alt="Controls Example" width="380" height="110" /></div>
<p>     Le "<a title="Silverlight toolkit" href="http://www.codeplex.com/Silverlight" target="_blank">Silverlight Toolki</a>t" contient notamment un jeu de composants inédits et totallement gratuits dont certains proviennent de WPF et d'autres sont simplement nouveaux. Le toolkit n'étant pas figé dans le temps celui-ci s'étoffera de nouveaux autres composants dans l'avenir. Ceux-ci sont donc classés en 4 catégories indiquant leur maturité : Experimental, Preview, Stable, Mature. On imagine facilement à quoi ils correspondent, si vous souhaitez des précisions <a title="phase" href="http://www.codeplex.com/Silverlight/Wiki/View.aspx?title=Quality%20Bands&amp;referringTitle=Home" target="_blank">c'est ici <img src='http://www.tweened.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </a>. Voici le liste des composants par phase :</p>
<ul>
<li><strong>Preview</strong>
<ul>
<li>AutoCompleteBox</li>
<li>ButtonSpinner</li>
<li>Charting</li>
<li>Expander</li>
<li>ImplicitStyleManager</li>
<li>NumericUpDown</li>
<li>Spinner</li>
<li>UpDownBase</li>
<li>Viewbox</li>
</ul>
</li>
</ul>
<ul>
<li><strong>Stable</strong>
<ul>
<li>DockPanel</li>
<li>HeaderedContentControl</li>
<li>HeaderedItemsControl</li>
<li>Label</li>
<li>TreeView</li>
<li>WrapPanel</li>
</ul>
</li>
</ul>
<p>     La bonne nouvelle concerne notamment les "Charts Components" qui donne à la technologie Silverlight 2 la possibilité de réellement s'orienter vers la création d'applications interactive riche. </p>
<p>     Mais ce ce n'est pas tout, le Toolkit permet également l'utilisation de styles implicit comme on peut le faire à la main dans WPF via des thèmes. Certains sont déjà fournis comme ci-dessous mais vous pourrez les créer vous-mêmes via l'utilisation des Dictionnaires de Ressources qui centralisent les styles <img src='http://www.tweened.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> . Les graphistes apprécieront également la ViewBox.</p>
<h2>Themes Quick Reference</h2>
<table border="0">
<tbody>
<tr>
<td><img src="http://i3.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=Silverlight&amp;DownloadId=47753" alt="Expression Dark Thumbnail" width="120" height="120" /></td>
<td><strong>Expression </strong></p>
<p><strong>Dark</strong></td>
<td><img src="http://i3.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=Silverlight&amp;DownloadId=47754" alt="Expression Light Thumbnail" width="120" height="120" /></td>
<td><strong>Expression </strong></p>
<p><strong>Light</strong></td>
</tr>
<tr>
<td><img src="http://i3.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=Silverlight&amp;DownloadId=47749" alt="Rainier Orange Thumbnail" width="120" height="120" /></td>
<td><strong>Rainier </strong></p>
<p><strong>Orange</strong></td>
<td><img src="http://i3.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=Silverlight&amp;DownloadId=47750" alt="Rainier Purple Thumbnail" width="120" height="120" /></td>
<td><strong>Rainier </strong></p>
<p><strong>Purple</strong></td>
</tr>
<tr>
<td><img src="http://i3.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=Silverlight&amp;DownloadId=47751" alt="Shiny Red Thumbnail" width="120" height="120" /></td>
<td><strong>Shiny </strong></p>
<p><strong>Red</strong></td>
<td><img src="http://i3.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=Silverlight&amp;DownloadId=47752" alt="Shiny Blue Thumbnail" width="120" height="120" /></td>
<td><strong>Shiny </strong></p>
<p>Blue   </p>
<p><strong> </p>
<p></strong> </td>
</tr>
</tbody>
</table>
<p>     Les dictionnaires de ressources pointent donc leur nez et on imagine facilement ce qu'on aura prochainement dans Blend. Ce qui est plutôt pas mal c'est que changer le "<strong>look and feel</strong>" d'une application sera possible à l'exécution, les utilisateurs pourront donc personnaliser leur interface applicative directement. Je mettrai en ligne plusieurs exemple en attendant <a title="Justin Angel Blog" href="http://silverlight.net/blogs/justinangel/archive/2008/10/30/silverlight-toolkit-dockpanel.aspx" target="_blank">voici un lien vers les tutoriaux US</a>, et me dites pas que Justin Angel n'est pas un jeu de mot ou un nom de super héros...</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/fr/2008/11/01/silverlight-2-toolkit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
