</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_RATING%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="LogoImage" --><!--DXMETADATA end--> <div id="ProjectTitle"><!--DXMETADATA start type="ProjectTitle" -->Extended Library for WPF and Silverlight<!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->Plane Projection<!--DXMETADATA end--></div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel"><!--DXMETADATA start type="Phrase" name="COLLAPSE_ALL" -->Collapse All<!--DXMETADATA end--></label> <label id="ExpandAllLabel" style="display: none;"><!--DXMETADATA start type="Phrase" name="EXPAND_ALL" -->Expand All<!--DXMETADATA end--></label> </span><!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_DROPDOWN%%" --><!--DXMETADATA end --> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><div class="BreadcrumbsContainer"><table><tr><td> <a href="Reflector.html">Reflector (Silverlight Only)</a> > <a href="WorkingwiththeC1Reflector.html">Working with the C1Reflector Control</a> > Plane Projection</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p><span class="apple-style-span"><b>Reflector for Silverlight</b> supports plane projections, which allows a two-dimensional control to be drawn on a three-dimensional plane. All parts of the control will still function as they would on a two-dimensional plane. </span></p> <p class="MsoBodyText"><span class="apple-style-span">The three-dimensional effect is created by rotating the control along three separate planes – X, Y, and Z. You can set the rotation, center of rotation, global offset, and local offset of each of the three planes; this means that, in total, there are twelve properties that can be set to alter the projection of the</span> <a href="C1.Silverlight.Extended.5~C1.Silverlight.Extended.C1Reflector.html">C1Reflector</a> control. Each <span class="apple-style-span">property is described in the table below.</span></p> <p class="MsoBodyText"> </p> <table class="MsoNormalTable" style="WIDTH: 488.7pt; BORDER-COLLAPSE: collapse; MARGIN-LEFT: 0.1in" cellspacing="0" cellpadding="0" width="652" border="1"> <tbody> <tr> <td> <p class="C1TableHeaderRow"><span class="apple-style-span"><strong>Property</strong></span></p> </td> <td> <p class="C1TableHeaderRow"><span class="apple-style-span"><strong>Description</strong></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">RotationX</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the number of degrees to rotate the object around the x-axis of rotation.</span></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">RotationY</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the number of degrees to rotate the object around the y-axis of rotation.</span></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">RotationZ</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the number of degrees to rotate the object around the z-axis of rotation.</span></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">CenterOfRotationX</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the x-coordinate of the center of rotation of the object you rotate.</span></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">CenterOfRotationY</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the y-coordinate of the center of rotation of the object you rotate.</span></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">CenterOfRotationZ</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the z-coordinate of the center of rotation of the object you rotate.</span></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">GlobalOffsetX</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the distance the object is translated along the x-axis of the screen.</span></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">GlobalOffsetY</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the distance the object is translated along the y-axis of the screen.</span></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">GlobalOffsetZ</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the distance the object is translated along the z-axis of the screen.</span></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">LocalOffsetX</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the distance the object is translated along the x-axis of the plane of the object.</span></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">LocalOffsetY</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the distance the object is translated along the y-axis of the plane of the object.</span></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">LocalOffsetZ</span></span></p> </td> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style='FONT-SIZE: 8.5pt; FONT-FAMILY: "Verdana","sans-serif"; COLOR: black'>Gets or sets the distance the object is translated along the z-axis of the plane of the object.</span></span></p> </td> </tr> </tbody> </table> <p class="MsoBodyText"> </p> <p class="MsoBodyText"><span class="apple-style-span">You can alter the projection of the entire</span> <span class="LinkClass"><strong>C1Reflector</strong></span> control or <span class="apple-style-span">you can just alter the projection of the control's content. The results will be slightly different. If you alter the projection of the entire control, the project of both the content of the reflection will change. If you alter the projection of the content, only the projection of the content will change and then the reflection will mirror that change. The table below shows the difference between control projection and content projection. </span></p> <p class="MsoBodyText"> </p> <table class="MsoNormalTable" style="BORDER-COLLAPSE: collapse; MARGIN-LEFT: 0.1in" cellspacing="0" cellpadding="0" width="652" border="1"> <tbody> <tr> <td> <p class="C1TableHeaderRow"><span class="apple-style-span"><strong>Projection Settings</strong></span></p> </td> <td> <p class="C1TableHeaderRow"><span class="apple-style-span"><strong>Control Projection</strong></span></p> </td> <td> <p class="C1TableHeaderRow"><span class="apple-style-span"><strong>Content Projection</strong></span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">RotationX = 35</span></span></p> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">RotationY = 55</span></span></p> <p class="MsoBodyText"><span class="apple-style-span"><span style="FONT-SIZE: 8pt">RotationZ = 1</span></span></p> </td> <td> <p class="MsoBodyText" style="TEXT-ALIGN: center" align="center"><span style="FONT-SIZE: 8pt"><img border="0" alt="" src="SilverlightDocuments/Documents/Graphics/C1Reflector/Narrative/Projection_Regular.png"></span></p> </td> <td> <p class="MsoBodyText" style="TEXT-ALIGN: center" align="center"><span style="FONT-SIZE: 8pt"><img border="0" alt="" src="SilverlightDocuments/Documents/Graphics/C1Reflector/Narrative/Projection_Content.png"></span></p> </td> </tr> </tbody> </table> <p class="MsoBodyText"> </p> <p class="MsoBodyText"><span class="apple-style-span">You can set the control or content projection in XAML or in code, but it's easier to adjust the settings in Blend until you have achieved the look that you want. The control projection properties are located under the <b>Transform</b> section underneath the <b>Projection</b> separator.</span></p> <p class="MsoBodyText"> </p> <p class="MsoBodyText"><img border="0" alt="" src="SilverlightDocuments/Documents/Graphics/C1Reflector/Narrative/ContentProjectionProperties.png"></p> <p class="MsoBodyText"> </p> <p class="MsoBodyText"><span class="apple-style-span">The control projection properties are located under the <b>Miscellaneous</b> section next to the <b>ContentProjection</b> property.</span></p> <p class="MsoBodyText"> </p> <p class="MsoBodyText"><img border="0" alt="" src="SilverlightDocuments/Documents/Graphics/C1Reflector/Narrative/ProjectionProperties.png"></p> <p class="MsoNormal"> </p><!--DXMETADATA end--> <a name="seealsobookmark"></a> <!--DXMETADATA start type="FilteredItemList" scrap="CATEGORISED_LINKS" namespace="linkcategory" source="Item" filter="" NoHeader="True" NoFooter="True" format="%%replaceinquotes:value=false%%%%scrap:name=_COLLAPSIBLE_HEADER,idprefix=seealso,caption=""%%phrase:name=SeeAlso%%%%designlist:tagidentifier=seealso,itemtype=See Also%%""%%%%filtereditemlist%%</div>"--><!--DXMETADATA end--> </div> <div id="FooterContent"> <!--DXMETADATA start type="Scrap" condition="communityenabled" name="_COMMUNITY_FOOTER" --><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="CopyrightNotice" format="<p> </p><p> </p><hr style=""height: 1px"" /><p>%%variable%%</p>" --><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. <script> $(document).ready(function() { if (!(window.self !== window.top)) { // Not running in a frameset // Get the page name var pageName = location.href.substring(location.href.lastIndexOf("/") + 1); if (pageName.indexOf("#") != -1) { pageName = pageName.substring(0, pageName.indexOf("#")); } // Append to webframe.html var framePage = "webframe.html#" + pageName; location.href = framePage; } }); </script></p><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><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><!--DXMETADATA end--> </div> </body> </html>