</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">Imaging for Silverlight Library</div> <div id="PageTitle"><div id="PageTitleText">XAML Quick Reference</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div class="BreadcrumbsContainer"><table><tr><td> <a href="Image.html">Image</a> > XAML Quick Reference</td></tr></table></div> <div id="BodyContent"> <p>This topic is dedicated to providing a quick overview of the XAML used to create a <a href="C1.Silverlight.Imaging.5~C1.Silverlight.Imaging.C1Image.html">C1Image</a> control.</p> <p>To get started developing, add a <b>c1</b> namespace declaration in the root element tag:</p> <pre> xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" </pre> <p>Here is a sample <strong>C1Image</strong> from the <b>C1Imaging_Demo</b> sample:</p> <p> </p> <p><img src="Graphics/C1Image.png" width="243" height="213"></p> <p> </p> <p>Below is the XAML for the sample:</p> <div class="FilteredContentXAML" data-title="XAML" data-itemid="XAML"> <table class="SyntaxTable"> <tbody> <tr> <th>XAML</th> <th> <div class="CopyCodeWrapper"> <span class="CopyCode">Copy Code</span> </div> </th> </tr> <tr> <td colspan="2"> <pre> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">UserControlx:Class</span><span style="COLOR: #0000ff">="C1Imaging_Demo.DemoGifImage"</span><span style="COLOR: #ff0000"> xmlns</span><span style="COLOR: #0000ff">="http://schemas.microsoft.com/winfx/2006/xaml/presentation"</span><span style="COLOR: #ff0000"> xmlns:x</span><span style="COLOR: #0000ff">="http://schemas.microsoft.com/winfx/2006/xaml"</span><span style="COLOR: #ff0000"> xmlns:c1imaging</span><span style="COLOR: #0000ff">="http://schemas.componentone.com/winfx/2006/xaml"</span><span style="COLOR: #ff0000">Background</span><span style="COLOR: #0000ff">="#FF374F5D"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">Gridx:Name</span><span style="COLOR: #0000ff">="LayoutRoot"</span><span style="COLOR: #ff0000">Background</span><span style="COLOR: #0000ff">="Transparent"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">PathHeight</span><span style="COLOR: #0000ff">="200"</span><span style="COLOR: #ff0000">Width</span><span style="COLOR: #0000ff">="220"</span><span style="COLOR: #ff0000"> Stretch</span><span style="COLOR: #0000ff">="Fill"</span><span style="COLOR: #ff0000"> Data</span><span style="COLOR: #0000ff">="M 61.3431396484375,0 C61.3431396484375,0 80.2991943359375,38.40919494628906 80.2991943359375,38.40919494628906 80.2991943359375,38.40919494628906 122.686279296875,44.56840515136719 122.686279296875,44.56840515136719 122.686279296875,44.56840515136719 92.01470947265625,74.46580505371094 92.01470947265625,74.46580505371094 92.01470947265625,74.46580505371094 99.25527954101562,116.68159484863281 99.25527954101562,116.68159484863281 99.25527954101562,116.68159484863281 61.3431396484375,96.75 61.3431396484375,96.75 61.3431396484375,96.75 23.430999755859375,116.68159484863281 23.430999755859375,116.68159484863281 23.430999755859375,116.68159484863281 30.67156982421875,74.46580505371094 30.67156982421875,74.46580505371094 30.67156982421875,74.46580505371094 0,44.56840515136719 0,44.56840515136719 0,44.56840515136719 42.3870849609375,38.40919494628906 42.3870849609375,38.40919494628906 42.3870849609375,38.40919494628906 61.3431396484375,0 61.3431396484375,0 z"</span><span style="COLOR: #ff0000"> Fill</span><span style="COLOR: #0000ff">="Black"</span><span style="COLOR: #ff0000">Stroke</span><span style="COLOR: #0000ff">="#FF8FB4CC"</span><span style="COLOR: #ff0000">StrokeThickness</span><span style="COLOR: #0000ff">="2.5"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">/></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1imaging:C1Imagex:Name</span><span style="COLOR: #0000ff">="image"</span><span style="COLOR: #ff0000">VerticalAlignment</span><span style="COLOR: #0000ff">="Center"</span><span style="COLOR: #ff0000">HorizontalAlignment</span><span style="COLOR: #0000ff">="Center"</span><span style="COLOR: #ff0000">Stretch</span><span style="COLOR: #0000ff">="None"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">/></span> <span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">Grid</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">UserControl</span><span style="COLOR: #0000ff">></span> </pre> </td> </tr> </tbody> </table> </div> <p> </p> <p> </p> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved.</p> <a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/272000-wpf-and-silverlight-documentation">Documentation Feedback</a> </div> </body> </html>