<h2 style="text-align: justify;"><span style="color: #000000;">WPF Tutorials Overview</span></h2>
<p style="text-align: justify;"><span style="color: #000000;">Welcome to WPF Tutorials. The objective of these tutorials is to gain an in-depth understanding of Microsoft WPF Framework. In these tutorials, we will cover topics such as WPF Architecture, WPF Events, WPF Controls, WPF Gradients etc.</span></p>
<h2 style="text-align: justify;"><span style="color: #000000;">History of WPF</span></h2>
<p style="text-align: justify;"><span style="color: #000000;"><strong>User 32 standard control</strong></span></p>
<p style="text-align: justify;"><span style="color: #000000;">This is first step for Microsoft towards GUI based environment This API provides support to standard controls like textboxes, buttons, labels etc.</span></p>
<p style="text-align: justify;"><span style="color: #000000;"><strong>GDI [graphical Device Interface]</strong></span></p>
<p style="text-align: justify;"><span style="color: #000000;">This is enhancement of user 32 API and provides drawing capabilities likes circles. Rectangles, lines But does not support the images.</span></p>
<p style="text-align: justify;"><span style="color: #000000;"><strong>GDI&nbsp;</strong></span></p>
<p style="text-align: justify;"><span style="color: #000000;">This API is enhancement of GDI which provide extra functionalities JPG, bitmap but does not support animations, 3D, Hardware accelerations etc</span></p>
<p style="text-align: justify;"><span style="color: #000000;"><strong>Direct X</strong></span></p>
<p style="text-align: justify;"><span style="color: #000000;">It supports hardware accelerations, animations, 3D and it is completely limited far gaming, programming. But direct X cannot used for commercial application developments</span></p>
<p style="text-align: justify;"><span style="color: #000000;">WPF is a layer on the top of Direct X which provides Direct X features completely for commercial application developments using WPF we cannot perform any kind of gaming, programming</span></p>
<h2 style="text-align: justify;"><span style="color: #000000;">What is WPF?</span></h2>
<p style="text-align: justify;"><span style="color: #000000;">WPF is the latest presentation API by Microsoft Windows.&nbsp;WPF is enhancement of windows forms applications.&nbsp;WPF is a next generation presentation system for building windows client application with very good and rich user interface elements using wpf we can create a wide range of both stand alone and browser hosted applications</span></p>
<p style="text-align: justify;"><span style="color: #000000;">WPF is Microsoft next generation UI framework to create the applications with rich user experience.&nbsp;WPF is included in .Net framework 3.0 version WPF combines user interface elements, 2D graphics, 3D graphics down ments and multimedia into one single framework.&nbsp;The back bone of WPF is completely XML based open standard in XAML. (extensible Application markup Language)</span></p>
<p style="text-align: justify;"><span style="color: #000000;">The core of WPF is a resolution independent vector based rendering engine is that is build to take advantage of modern graphics hardware.&nbsp;Complete class library of WPF is incorporated with .net framework</span></p>
<p style="text-align: justify;"><span style="color: #000000;">It is 2D and 3D graphic engine. Its capabilities include:-</span></p>
<ul style="text-align: justify;">
<li><span style="color: #000000;">All the common user controls. For example, check boxes, buttons, sliders etc.</span></li>
<li><span style="color: #000000;">Supports flow and fix format documents</span></li>
<li><span style="color: #000000;">all the functionality of Flash and HTML</span></li>
<li><span style="color: #000000;">Data binding</span></li>
<li><span style="color: #000000;">Multimedia</span></li>
<li><span style="color: #000000;">Animation</span></li>
</ul>
<h2 style="text-align: justify;"><span style="color: #000000;">Features of WPF</span></h2>
<h2 style="text-align: justify;"><span style="color: #000000;">&nbsp;</span></h2>
<p style="text-align: justify;"><span style="color: #000000;"><img class="alignnone wp-image-7288" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/135-460x489.png" alt="1" width="485" height="516" /></span></p>
<p style="text-align: justify;"><span style="color: #000000;"><strong>Application development in WPF</strong></span></p>
<p style="text-align: justify;"><span style="color: #000000;">The application development in WPF is scattered into following 5 &ndash; areas</span></p>
<ul style="text-align: justify;">
<li style="text-align: justify;"><span style="color: #000000;">Windows based desktop Application</span></li>
<li style="text-align: justify;"><span style="color: #000000;">Navigation Applications</span></li>
<li style="text-align: justify;"><span style="color: #000000;">XBAPS XAML Browser Applications</span></li>
<li style="text-align: justify;"><span style="color: #000000;">Custom control libraries</span></li>
<li style="text-align: justify;"><span style="color: #000000;">Class libraries</span></li>
</ul>
<h1 style="text-align: justify;">&nbsp;</h1>

Microsoft WPF Tutorial | WPF DataGrid Tutorial

WPF Tutorial

wpf-tutorials

<h2 style="text-align: justify;"><span style="color: #000000;"><strong>WPF Interview Questions</strong></span></h2>
<p><strong>What is WPF?</strong></p>
<p>WPF (Windows Presentation foundation) is a graphical subsystem for displaying user interfaces, documents, images, movies etc in windows application.</p>
<p style="text-align: justify;">&nbsp;<strong>What is the need of WPF when we had windows forms?&nbsp;</strong></p>
<ul>
<li>A - Anywhere execution ( Windows or Web)</li>
<li>B - Bindings ( less coding)</li>
<li>C - Common look and feel ( resource and styles)</li>
<li>D - Declarative programming (XAML)</li>
<li>E - Expression blend animation ( Animation ease)</li>
<li>F - Fast execution ( Hardware acceleration)</li>
<li>G - Graphic hardware independent ( resolution independent)</li>
</ul>
<p>I would strongly suggest you to see the below videowhich explains all the above A to G points practically.</p>
<p><strong>What are static and dynamic resources?</strong></p>
<p>XAML is a XML file which represents your WPF UI. The whole point of creating the UI representation in XML was write once and run it anywhere. So the same XAML UI can be rendered as windows application with WPF and the same UI can be displayed on the browser using WPF browser or Silverlight application. XAML is a XML file which represents your WPF UI. The whole point of creating the UI representation in XML was write once and run it anywhere. So the same XAML UI can be rendered as windows application with WPF and the same UI can be displayed on the browser using WPF browser or Silverlight application.</p>
<p><strong>What is MVVM?</strong></p>
<p style="text-align: justify;">MVVM (Model View ViewModel) is a framework for making applications in WPF. MVVM is the same as the MVC framework. It is a 3-tier architecture plus one more layer. We can do loose coupling using MVVM.</p>
<p style="text-align: justify;">MVVM was introduced by John Gossman in 2005 specifically for use with WPF as a concrete application of Martin Fowler's broader Presentation Model pattern. The implementation of an application, based on the MVVM patterns, uses various platform capabilities that are available in some form for WPF, Silverlight Desktop/web, and on Windows. Many commercial applications, including Microsoft Expression products, were built following MVVM.</p>
<p><strong>Advantage of MVVM</strong></p>
<ul>
<li>Modularity</li>
<li>Test driven approach.</li>
<li>Separation UI and Business layer as view and view model.</li>
<li>Code sharing between pages and forms.</li>
<li>Easy to Maintain.</li>
</ul>
<p><strong>List of features of MVVM</strong></p>
<ul>
<li>It separates the business and presentation layers, like MVP and MVC.</li>
<li>Improve Structure/separation of concerns (View, ViewModel and Model).</li>
<li>Enable a better Design/Developer Workflow.</li>
<li>Enhance simplicity and testability.</li>
<li>Enabled by the robust data binding capability of XAML.</li>
<li>No need to use a code behind file (minimalist code-behind file).</li>
<li>Provides application development ability for multiple environments.</li>
<li>Powerful Data Binding, command, validation and much more.</li>
</ul>
<p>The designer and developer can work together.</p>
<p style="text-align: justify;"><strong>Describe how you would go about writing your own button style?</strong></p>
<p style="text-align: justify;">&nbsp;Make sure the interviewee understands the following:</p>
<ul>
<li style="text-align: justify;">How to copy the default style using Expression Blend.</li>
<li style="text-align: justify;">How to change the style</li>
<li style="text-align: justify;">How there must be a Style for each state: Enabled, Disabled, Mouseover, pushed, etc&hellip;</li>
</ul>
<p><strong>You need to display a list of items. Which controls are possible options? Of those, which would you use and why?</strong> ItemsControl, ListBox, ListView, DataGrid.</p>
<ul>
<li>Make sure they know that ListBox and ListView can be selected while ItemsControl does not support selection.</li>
<li>ListView is more feature rich, as it inherits ListBox, which inherits ItemsControl, and adds features.</li>
<li style="text-align: justify;">Make sure they understand what a DataGrid is and how it is different and why they would display a list in a DataGrid.</li>
</ul>
<p><strong>What can you do in Expression Blend that you cannot do in Visual Studio?</strong></p>
<ul>
<li>Configure brushes and gradient brushes in the Properties window.</li>
<li>Configure Visual States.</li>
<li>Configure sample data.</li>
<li>Configure Object Timelines</li>
<li>Animation</li>
<li>Many design features&hellip;</li>
</ul>
<p><strong>What are common Localization/Globalization practices for Localizing/Globalizing WPF?</strong></p>
<ol>
<li>Use Resources.resx</li>
<li>Use BAML</li>
<li>Use a ResourceDictionary to manage localizable strings.</li>
</ol>
<p><strong>What are some best practices when using WPF if you plan to build a Localized/Globalized application?</strong></p>
<ul>
<li>Write UI in XAML</li>
<li>Avoid sizing and positionings, but let objects automatically flow.</li>
<li>Enable TextWrapping.</li>
</ul>

WPF Interview Questions & Answers

wpf-interview-questions-answers

WPF Interview Questions

wpf-interview-questions

WPF Interview Questions And Answers

interview-questions-on-wpf

<h2><strong>History</strong> of<strong> WPF</strong></h2>
<ul>
<li>
<h4>User 32 standard controls</h4>
<ul>
<li>This is first step for Microsoft towards GUI based environment This API provides support to standard controls like textboxes, buttons, labels etc.</li>
</ul>
</li>
</ul>
<p>&nbsp;</p>
<ul>
<li>
<h4><strong>GDI [graphical Device Interface]</strong></h4>
</li>
</ul>
<p>This is enhancement of user 32 API and provides drawing capabilities likes circles. Rectangles, lines But does not support the images. &nbsp;</p>
<ul>
<li><strong>GDI&nbsp;</strong></li>
</ul>
<p>This API is enhancement of GDI which provide extra functionalities JPG, bitmap but does not support animations, 3D, Hardware accelerations etc &nbsp;</p>
<ul>
<li><strong>Direct X</strong></li>
</ul>
<p>It supports hardware accelerations, animations, 3D and it is completely limited far gaming, programming. But direct X cannot used for commercial application developments &nbsp;</p>
<ul>
<li>We can say WPF is a layer on the top of Direct X which provides Direct X features completely for commercial application developments using WPF we cannot perform any kind of gaming, programming</li>
</ul>
<p>&nbsp;</p>
<h2>WPF</h2>
<p>&nbsp;</p>
<ul>
<li>We can say WPF is enhancement of windows forms applications</li>
<li>WPF is a next generation presentation system for building windows client application with very good and rich user interface elements using wpf we can create a wide range of both stand alone and browser hosted applications</li>
<li>WPF is Microsoft next generation UI framework to create the applications with rich user experience</li>
<li>WPf is included in .Net framework 3.0 version WPF combines user interface elements, 2D graphics, 3D graphics down ments and multimedia into one single framework.</li>
<li>The back bone of WPF is completely XML based open standard in XAML. (extensible Application markup Language)</li>
<li>The core of WPF is a resolution independent vector based rendering engine is that is build to take advantage of modern graphics hardware.</li>
<li>Complete class library of WPF is incorporated with .net framework</li>
</ul>
<p>&nbsp;</p>
<h3><strong>Features of WPF</strong></h3>
<p>&nbsp; <img class="alignnone wp-image-7288" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/135-460x489.png" alt="1" width="485" height="516" /> &nbsp; &nbsp;</p>
<h3><strong>Application development in WPF</strong></h3>
<p>The application development in WPF is scattered into following 5 &ndash; areas</p>
<ul>
<li>Windows based desktop Application</li>
<li>Navigation Applications</li>
<li>XBAPS XAML Browser Applications</li>
<li>Custom control libraries</li>
<li>Class libraries</li>
</ul>

WPF Introduction

wpf-introduction

<h2><strong>Events</strong></h2>
<p>The events associated with any control or window in WPF are known as Rooted events WPF supports 3 &ndash; types of rooted events &nbsp;</p>
<ol>
<li>Direct Events</li>
<li>Bubbling Events</li>
<li>Tunneling Events</li>
</ol>
<p>&nbsp; <strong>Direct Events:-</strong> These are coursed directly when user clicks on the particular control</p>
<ol>
<li>Click event of a button</li>
<li>Checked changed button of a radio button or checkbox</li>
</ol>
<ul>
<li>Selected index changed event of a list box etc</li>
</ul>
<p>&nbsp; <strong>Bubbling Events:-</strong> Caving the events in the order of child controls to its parent controls is known as event bubbling EG: Mouse down, Mouse up etc &nbsp; <strong>Tunneling Events:-</strong> Calling the events in the order of parent control to its child controls is known as tunneling events Eg:- Preview mouse down, Preview mouse up etc &nbsp; <strong>Eg &nbsp;with Bubbling Events:-</strong> Select the label <img class="alignnone size-full wp-image-7302" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_119.png" alt="Screenshot_1" width="338" height="191" /> Go to properties window</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Click on events button</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Double click on Mouse down events</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Write the following code Private void label &ndash; Mouse down (object sendes, mouse button event Args) { Message Box.show (&lsquo;Label&rdquo;) } Switch to .xaml file design</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Select the window1</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Go to properties window</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Click on event button</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Double click on mouse down event</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Write the following code. &nbsp;</p>
<ul>
<li>Private void window1_Mouse Design (object sender mouse button event args e)</li>
</ul>
<p>{ Message Box show (&ldquo;window&rdquo;), } Run the application click on label and check</p>
<ul>
<li>First we get message label then window</li>
<li>Here event firing is flowing from child control e label to parent control window</li>
<li>This is known as event bubbling and the events are called bubbling events</li>
</ul>
<h3><strong>Example&nbsp;&nbsp;With Tunneling Events</strong></h3>
<p>Steps to add a new window to the application</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Go to Solution explores</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Select the Solution</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>click on sight mouse button</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Click on add</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Click on window</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>window name</p>
<h2>&nbsp; &darr;</h2>
<p>Type</p>
<h2>&nbsp; &nbsp;&darr;</h2>
<p>click on add &nbsp; Create a label and write the following code 5 preview mouse down event of label and window private void label_ Preview mouse down (object sender, mouse down event args e) { message box show (&ldquo;label&rdquo;) } Private void window2 _ Preview Mouse Down (object send Mouse down event Args e) { Message Box show (&ldquo;window&rdquo;); } &nbsp;</p>
<h3><strong>Steps to change startup object</strong></h3>
<p>Go to solution explores Double click on app. XML (This file is known as startup file in WPF) Change start up rui like.</p>
<ul>
<li>Startup uri= &ldquo;window2.xam.&rdquo;</li>
</ul>
<p>Run the application &amp; chact</p>
<ul>
<li>When we click on label first we get a message window then label</li>
<li>Here event firing is following from parent control to child control</li>
</ul>
<p>This is known as Event Tunneling and the events our known as Tunneling events. Window Life Time in WPF:- A window lifetime in WPF starts when it is instantiated, after which it is opened, activated can be deactivated&nbsp; and then closed window lifetime will be ended when it is&nbsp; closed nothing but when its object is destroyed. &nbsp;</p>
<h3><strong>Window lifetime events:-</strong></h3>
<p><img class="alignnone size-full wp-image-7303" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_120.png" alt="Screenshot_1" width="315" height="308" /> &nbsp; <strong>Eg to open and close a window from other windows:-</strong> Create a new WPF application</p>
<h1>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&darr;</h1>
<p>create two windows with the names window1, window2 &nbsp; <img class="alignnone wp-image-7304" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/318-460x127.png" alt="3" width="512" height="140" /> &nbsp; Window2 &nbsp; object= new &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; window2(): &nbsp; [Design the window1, create3 buttons and name as &nbsp;btnopen, btnclose btntide, write the following code.] Private void btn open_click(--) { Objt.show(); } Private void btnhide_click() { obj_hide(); } The private void btnclose_click(--) { Obj%close(); } Run the apps and check When user clicks on hide object will not be destroyed and next time user clicks on open window will&nbsp; be displayed without any exception but when user clicks on close object will be destroyed and next time when user clicks on open it raises exception. &nbsp; <strong>Properties of window object:-</strong> <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Back ground &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />show in task bar. <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Border brush &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Size To content <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Border thickness &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Title <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Icon &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Top Most <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />IsEnabled&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Window startup location <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Window state</p>
<ul>
<li><strong>Background:-</strong> Used to set or get background color to the window</li>
</ul>
<ul>
<li><strong>Border brash:- </strong>Used to set or get the required color to the border of the window</li>
</ul>
<ul>
<li><strong>Border thickness:-</strong> Used to set or get the thickness value to the border</li>
</ul>
<ul>
<li><strong>Icon:</strong>- used to set or get the required Icon file that is to be displayed at the icon location of the window</li>
</ul>
<ul>
<li><strong>Is Enabled</strong> when set to <strong>True:-</strong> The user can access the window at runtime <strong>False:-</strong> &nbsp;Icon image will not appear within the taskbar</li>
</ul>
<ul>
<li><strong>Show Task Bas</strong></li>
</ul>
<p><strong>True: </strong>(Default) the icon image of the window will appear within the taskbar <strong>False &nbsp;:</strong> Icon image will not appear within the taskbar &nbsp; <img class="alignnone size-full wp-image-7305" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_214.png" alt="Screenshot_2" width="427" height="170" /> &nbsp; &nbsp; &nbsp; <strong>Manual :</strong> When set to Manual window will have its own size. According to the contents of the window size will be increased or decreased &nbsp; <strong>Height:- </strong>The Window will be scaled to content height &nbsp; <strong>Width:</strong>The window width will be scaled to content width &nbsp; <strong>Height &amp; width:-</strong> Widow height &amp; width will be scaled to contents height &amp; width</p>
<ul>
<li><strong>Top Most:-</strong></li>
</ul>
<p><strong>True:-</strong> When set to true the window will be within the topmost of all other windows <strong>False:-</strong> &nbsp;The window will not be the topmost one in all opened windows</p>
<ul>
<li><strong>Window start up location:-</strong> Used to set or get the required location within window when it is opened at runtime.</li>
<li><strong>Window state:-</strong> When set to normal Window will be opened with its default size</li>
</ul>
<p>&nbsp; <strong>Minimized:-</strong> Opened in minimized form &nbsp; <strong>Maximized:-</strong> Window opened in maximized form &nbsp;</p>

Events in WPF

events-wpf

<p>&nbsp;</p>
<ol>
<li>Button controls</li>
</ol>
<p><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Button <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />epeat Button</p>
<ol start="2">
<li>Data Display controls
<ul>
<li>Data grid view</li>
<li>List view</li>
<li>Tree view</li>
</ul>
</li>
<li>Data display &amp; selection controls
<ul>
<li>Calendar</li>
<li>Date time picker</li>
</ul>
</li>
<li>Dialog boxes
<ul>
<li>Open file dialog</li>
<li>Sure file dialog cu</li>
<li>Print dialog</li>
</ul>
</li>
<li>Data link controls
<ul>
<li>Ink canvas</li>
<li>Ink presenter</li>
</ul>
</li>
<li>Documents
<ul>
<li>Document views</li>
<li>Flow document page view</li>
<li>Flow document</li>
<li>Flow document scroll viewer</li>
<li>Sticky note control</li>
</ul>
</li>
</ol>
<ol start="7">
<li>Input controls
<ul style="list-style-type: circle;">
<li>Text box</li>
<li>Rich text Box</li>
<li>Pass word Box</li>
</ul>
</li>
</ol>
<ol start="8">
<li>layers</li>
</ol>
<p><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Border &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Scrollbar <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Bullet Decorator &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Scroll viewer <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Canvas &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />stack panel <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Dock panel &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Stack panel <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Grid &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Thump <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Expander &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />View Box <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Grids filter &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Virtual zing stack panel <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Panel &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />window <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Group box &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Wrap panel <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Resize grip <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />separator</p>
<ol start="9">
<li>Media Controls]</li>
</ol>
<p><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Image <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Media Element <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Sound player action</p>
<ol>
<li>Menus</li>
</ol>
<p><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" /> Content menu <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Menu <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Tool bar</p>
<ol>
<li>Navigation controls</li>
</ol>
<p><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />frame <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Hyperlink <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />page <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Navigation window <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Tab control</p>
<ol start="2">
<li>Selection controls</li>
</ol>
<p><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Check Box <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Radio Button <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Combo box <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />List Box <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Slider</p>
<ol start="3">
<li>User Information controls</li>
</ol>
<p><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Access Test <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Label <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />popup <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />progress bar <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />status bar <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Tool tip &nbsp;</p>

common controls in WPF

WPF CONTROLS

wpf-controls4-0

<p>&nbsp;</p>
<h3><strong>Attached properties in WPF</strong></h3>
<p>In General when we work with WPF we use the control hierarchies work with WPF we use the control hierarchies when we are creating. In general when we create any other control i.e in parent control are child controls will get the required properties of parent control attached to it These properties of parent controls attached to its child controls are known as attached properties. <strong>Doc Panels</strong> This control is used to place the controls on the borders of the window or on the top order or left border or bottom border etc&hellip; &nbsp;</p>
<h3>Example</h3>
<p><img class="alignnone wp-image-7318" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_74-460x143.png" alt="Screenshot_7" width="520" height="161" /> &nbsp; &nbsp;</p>
<h3><strong>Menu</strong></h3>
<p>Every Menu Item within the Menu will contain Items collection. Any menu we want to create within the menu control or in any of the Menu. Item we create a new window within your application</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&darr;</h2>
<p>Create a doc panel control with the name document 1</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&darr;</h2>
<p>Create a menu control with the name Menu 1</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&darr;</h2>
<p>Select Menu1 go to properties window</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&darr;</h2>
<p>set vertical alignment as top</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&darr;</h2>
<p>Click on Items collection ellipses button</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Then click on Add</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&darr;</h2>
<p>&agrave; One menu Item is created select this menu Item</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Select this Menu Item</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Go to properties at right side</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&darr;</h2>
<p>Type sile in header and name properties</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &darr;</h2>
<p>similarly one more menu Item and Edit</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &darr;</h2>
<p>&nbsp; Select the Menu Item File</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Go to properties</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &darr;</h2>
<p>click on Items collection</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>you get one more collection editor window</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp;&darr;</h2>
<p>In that create two sub menus</p>
<h2>&nbsp; &nbsp; &darr;</h2>
<p>New, open</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Click on OK</p>
<h2>&nbsp; &nbsp;&darr;</h2>
<p>Select Menu Item Edit</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Click on Items collection</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &darr;</h2>
<p>another collection Editor will be opened</p>
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Similarly create sub menus cut, copy, paste in the</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Click on OK</p>
<h3><strong>Wrap panel Control</strong></h3>
<p>This control is used to provide flexibility to the user so that when user increases or decreases width &amp; height of the window. The controls present in this wrap panel will be wrapped automatically to the right side of the window or the bottom of the window Eg:&nbsp; With wrap panel <img class="alignnone wp-image-7319" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_89-460x262.png" alt="Screenshot_8" width="570" height="323" /> &nbsp; &nbsp; &nbsp; Create a new window within the application</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Create wrap panel</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>create all the controls within the wrap panel</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Run the application and check</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>When you increase or decrease the size of the window, the controls will be wrapped accordingly and arranged within the window.</p>

Attached properties overview

Attached properties in WPF

attached-properties-wpf

<h3><strong>WPF Architecture</strong></h3>
<p><img class="alignnone wp-image-7322" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/416.png" alt="4" width="416" height="539" /> &nbsp; &nbsp; <strong>Presentation Frame Work</strong> This includes the complete WPF class library and standard controls like buttons, menus, panels Etc. <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />The developers of WPF will work with this layer only &nbsp; <strong>Presentation core</strong> This includes all the base types of VI elements visual elements like windows shapes, controls etc from which all the control classes are derived &nbsp; <strong>Common language Run time</strong> The presentation core will interact with CWR and CWR will provide managed code execution environment for all WPF &nbsp; <strong>Mil core</strong> In mil core nil stands for media integration layer. Mil core performs the rendering in WPF <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Mil core composition engine will translate all the visual elements in to Direct X and 3D understand base form. &nbsp; <strong>Direct X</strong> This is a low level API using which all the graphics in WPF are rendered &nbsp; <strong>&nbsp;User 32</strong> It is used to determine the program real store though it is involved in WPF it does not play any role in rendering of the controls. <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Its purpose is to understand the state of the program and to transfer to the kernel of O.S. &nbsp; <strong>Kernel</strong> <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />This is the lower most level where operating System graphics drivers all are included so that os can execute the complete animation graphics etc <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Mil core DirectX user 32 will work with unmanaged code &nbsp;</p>

WPF Architecture

Architecture of WPF

architecture-wpf

<h2><strong>&nbsp;</strong></h2>
<p><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Column width <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Column Group <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Column Rule Brush <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />column Rule Width <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />line Height <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />page Height <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />page width</p>
<h3><strong>Column width:-</strong></h3>
<p>This property is used to set or get the required width for the columns &nbsp;</p>
<h3><strong>Column gap:-</strong></h3>
<p><strong> &nbsp;</strong>It is used to set / get the column gap that is to be maintained b/w the columns &nbsp;</p>
<h3><strong>Column Rule brush:-</strong></h3>
<p>used to set/get the required color of the line that can be created b/w the columns &nbsp;</p>
<h3><strong>Column Rule width:- </strong></h3>
<p><strong>&nbsp;</strong>used to get/set the vertical line width that can be maintained/created b/w the &nbsp;columns.</p>
<h3><strong>Line Height:-</strong></h3>
<p>used to get as set the required height to the lines within the paragraph &nbsp;</p>
<h3><strong>Page height:-</strong></h3>
<p>used to set/get the height of the page &nbsp;</p>
<h3><strong>Page width:-</strong></h3>
<p>used to set/get the width of the page <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />To create a flow document we can use flow document templates (or) we can use as a part of controls that is flow document readers or flow document page viewer or flow document scroll viewer &nbsp;</p>
<h2><strong>Eg to create flow document by using template</strong></h2>
<p>&nbsp; Create a new WPF application</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Go to solution explores</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Select solution</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>click with right mouse button</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Click on Add new item</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>click on New Item</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>select WPF from categories</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Select the template flow document</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Type the name flow document]</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Click on Add</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Go to source</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Write the following code &lt;Flow Document xmms=&rsquo;https//schemas.microsoft.com/ column width = &ldquo;200&rdquo; column gap=50 &lt;paragraph&gt; &lt;bold&gt; And [data] &lt;/bold&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/paragraph&gt; &lt;paragraph&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;italic&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; date&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;italic/&gt; &nbsp; <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />In general when we work with flow document template we cannot place nay other controls within the how document and at design view. We cannot find any design. <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />To see the appearance of the data run the application &amp; check <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />To display the data in multiple columns use the following properties along with flow documents <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />&lt;flow Document xmms --- column width =&rdquo;200&rdquo; column width = &ldquo;4&rdquo; column rule brash = &ldquo;blue&rdquo; Column gap = &ldquo;25&rdquo; /&gt; &lt;paragraph&gt; data- &lt;/paragraph&gt; To display the image within the flow document write the following code inside any paragraph tag <img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />&lt;paragraph&gt; &lt;bold data- &lt;Image source = &ldquo;D:\Images\autumn, JPG./&gt; &lt;/bold&gt; &lt;/paragraph&gt; Kun the application &amp; check . By default image will be displayed with same width of the columns if we increase or decrease column width image size displayed according &nbsp;</p>
<h2><strong>Example to work with flow document Reader control</strong></h2>
<p>In the above example we created using How document template we cannot place any other controls like buttons, text box etc. If we want to place along with flow document other controls then we use flow document reader control. &nbsp;</p>
<h3><strong>Steps:-</strong></h3>
<p>Create a window within your WPF application</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Go to toolbox</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>click on Right mouse</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Choose Items</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Choose Items dialog box will be displayed</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Click on WPF component tab age</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>activate the controls</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Flow Document Reader Flow Document Page viewer Flow Document Scroll viewer</p>
<h2>&nbsp; &nbsp; &nbsp;&darr;</h2>
<p>Click on Ok Place the required controls on the window Create flow document reader control Go to source and write the following code inside flow document recoder</p>
<ul>
<li>&lt;Flow Document Reader Name=&rdquo;flow Document Reader 1 &ldquo;&gt;</li>
</ul>
<p>&lt;flow document xmlns = &ldquo;http://schemas.nicrosfot&gt; Column width = &ldquo;400&rdquo; column gap = &ldquo;50&rdquo; &lt;paragraph&gt; &lt;bold&gt; Data----- &lt;/bold&gt; &lt;/paragraph&gt; Run the application and&nbsp; check</p>

Flow document class

Properties with flow document class in WPF

properties-flow-document-class-wpf

<h2><strong>Working with 2D graphics or 2D images</strong></h2>
<p>To work with 2D graphics we use different classes like ellipse, rectangle, path, geometry etc. &nbsp; <strong>Ellipse:-</strong> Ellipse class or ellipse control is used to create ellipses and circles. &nbsp;</p>
<h3><strong>Properties with Any 2D graphic elements:-</strong></h3>
<p>Stroke Stroke thinness Fill &nbsp; <strong>Stroke:-</strong> This is used to give required border color to the 2D graphic image (or) figure &nbsp; <strong>Stroke thinness:-</strong> This is used to give the required thickness to the border to the required 2D &ndash; image &nbsp; <strong>Fill :-</strong> This property is used to fill the required color in to the 2D graph. &nbsp;</p>
<h3><strong>Properties with ellipse control</strong></h3>
<p>Height Width &nbsp; <strong>Rectangle:- </strong> This control is used to create rectangles &amp; circle. Additional properties with rectangle &ndash; are &nbsp; <img class="alignnone wp-image-7342" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_163-460x110.png" alt="Screenshot_16" width="655" height="155" /> &nbsp; <strong>Radius x :</strong> is used to give the distance for the rounded corners from left and right borders &nbsp; <strong>Radius y :-</strong> This property is used to set the distance of the rounded corners form the top and bottom borders &nbsp; <strong>Path and Geometry</strong> classes will allow to create any kind of shapes. Like lines, ellipses, rectangles, curves, etc&hellip;.. &nbsp; <strong>Geometry</strong> class help us to create also groups geometry class supports following classes Line geometry class Ellipse geometry class Rectangle geometry class &nbsp; <strong>Line geometry will</strong> allow to create the lines &nbsp; <strong>Properties:-</strong> &nbsp;Start pint endpoint <img class="alignnone size-full wp-image-7343" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_173.png" alt="Screenshot_17" width="452" height="113" /> &nbsp; &nbsp; <strong>Start point</strong> is used to mention&nbsp; x and y coordinates for the beginning of a line End point is used to mention x and y coordinates for the ending of a line &nbsp;</p>
<h2><strong>Ellipse geometry:- </strong></h2>
<h3><strong>Properties &nbsp;</strong></h3>
<p><img class="alignnone wp-image-7344" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_183-460x130.png" alt="Screenshot_18" width="632" height="177" /> &nbsp; <strong>Center: -</strong> &nbsp;Is used to set the center for an ellipse or circle &nbsp; <strong>Radius X :- </strong>Used to mention x- axis distance from the center of the ellipse or circle to x &ndash; axis</p>
<table>
<tbody>
<tr>
<td width="243">
<table width="100%">
<tbody>
<tr>
<td>&lt;Ellipse geometry center =(10,10)Radius X = &ldquo;100&rdquo; Radius is = &ldquo;50%&gt;</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<p>&nbsp; <strong>Radius Y: -</strong> used to mention Y-axis distance from the center of the ellipse or circle to y &ndash; axis &nbsp;</p>
<table>
<tbody>
<tr>
<td width="423">
<table width="100%">
<tbody>
<tr>
<td>Y Rectangle Geometry /rect = &ldquo;30,40,100,200 &ldquo;stroke=&rdquo;red%&gt;</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<p>&nbsp; <strong>Rectangle Geometry:-</strong> This class is used to create a Rectangle or circle &nbsp;</p>
<h2><strong>Properties of Rectangle geometry:-</strong></h2>
<p><strong>Rect:-</strong> is used to mention the start point of a rectangle, height and width of a rectangle <img class="alignnone wp-image-7345" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_193-460x106.png" alt="Screenshot_19" width="609" height="140" /> &nbsp; <strong>Path: -</strong> is used to draw to open or closed shapes or curved shapes path class contains on important Property Known as data &nbsp; <strong>Data:-</strong> is used to give required attributer to the path. This property contains some coding formats like &lsquo;m&rsquo; indicates start position &nbsp;L &nbsp;indicates line position (or) end position &rarr;H - &nbsp;Horizantal line &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;C - &nbsp;double work &nbsp; &nbsp; <strong>Examples With path:-</strong> &rarr;&lt;path data=&rdquo;M 10, 20, L100, 150&rdquo;/&gt; <img class="alignnone size-full wp-image-7346" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_203.png" alt="Screenshot_20" width="375" height="356" /> &nbsp; &rarr;&lt;path data = &ldquo;M 10,20 H 100, 20⁰/&gt; &nbsp; &rarr;&lt;path data = &ldquo;M 10,20 H 10, 100⁰/&gt; <img class="alignnone size-full wp-image-7347" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_215.png" alt="Screenshot_21" width="363" height="427" /> &nbsp; &rarr;&lt;path Data = &ldquo;M10,10 Q 100, 150, 250,10&rdquo;/&gt; &nbsp; Code in Source &lt;window x:class. &ldquo;fxocmple2. Windos/&rdquo; Xmins = &ldquo;http;schemas microfoft.com/winfx/2006/xmins Xmins s:= Title= &ldquo;window1&rdquo; height=&rdquo;323; width= &ldquo;321&rdquo; &lt;Grid&gt; &lt;path data = &ldquo;M 10,20 L 100, 150 *stoke = &ldquo;blue&rdquo; stroke thickness=&rdquo;3&rdquo;/&gt; &lt;/grid&gt; &lt;/window &lt;path data = &ldquo;M 10, 160 Q 140,350 250,160&rdquo; stroke = &ldquo;red&rdquo; stroke thickness =&rdquo;2&rdquo;/&gt; &nbsp; <img class="alignnone size-full wp-image-7348" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_223.png" alt="Screenshot_22" width="275" height="228" /> &nbsp; &rarr;&lt;path data= &ldquo;M 10,120 c 150, 160, 250, 140 250 160&rdquo; stroke = &ldquo;red%/&gt; <img class="alignnone wp-image-7349" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_233-460x218.png" alt="Screenshot_23" width="408" height="193" /> &nbsp;</p>
<h3><strong>Eg to draw concentric circles by using geometry group:-</strong></h3>
<p>Create a new WPF application Go to source write the following code &lt;Window x3 clas= xmlns = nt &lt;grid&gt; &lt;Path stroke= &ldquo;Red&rdquo; strokeThickness=&rdquo;2&rdquo; fill= &ldquo;Green&rdquo;/&gt; &lt;path.Data&gt; &lt;Geometry group&gt; &lt;Ellipse Geometry centre = &ldquo;150,120&rdquo; Radios X=&rdquo;40&rdquo; Radius Y=&rdquo;40&rdquo;/&gt; &lt;Ellipse geometry center = &ldquo;150,120&rdquo; Radios x= &ldquo;60&rdquo; Radius Y=&rdquo;60&rdquo;/&gt; &lt;Ellipse Geometry centre = &ldquo;150,120&rdquo; Radios x = &ldquo;180&rdquo;&nbsp; / &ldquo;80&rdquo;/&gt; &ldquo;100&rdquo;/&gt; &ldquo;120&rdquo;/&gt; &lt;/Geometry Group&gt; &lt;path. Data&gt; &lt;path&gt;</p>

Working with 2D graphics in WPF

Working with 2D graphics or 2D images in WPF

working-2d-graphics-2d-images

<p><strong> </strong>A brush paints an area with its output. A brush is used to describe the loack ground of a button or foreground of a next or to fill a particular shape <strong>- - &gt;&nbsp;</strong>Brushes enable us to paint user interface objects with anything from simple so rid colors. As well as complete set of patterns and images</p>
<h3><strong>Types of brushes in WPF</strong></h3>
<ol>
<li>Brush</li>
<li>Solid brush</li>
<li>Drawing brush</li>
<li>Gradient brush</li>
<li>Linear gradient brush</li>
<li>Radial gradient brush</li>
<li>Solid color brush</li>
<li>Image brush</li>
<li>Tiled brush</li>
<li>Visual brush</li>
</ol>
<p>&nbsp;</p>
<h3><strong>Brush</strong></h3>
<p>This is a simple brush and is used to change the background or foreground colors of controls <strong>- - &gt;&nbsp;</strong>This is in general not used with 2D or 3D images &nbsp;</p>
<h3><strong>Common property with all brushes</strong></h3>
<h3><strong>Color</strong></h3>
<p>This is used to set or get the required color to the required object foreground or background &nbsp;</p>
<h3><strong>Solid color brush</strong><strong>&nbsp;</strong></h3>
<p>This is used to fill a single color within the graphic object we cannot fill two or more colors using solid color brush within the graphic object &nbsp;</p>
<h3><strong>Eg with solid color brush</strong></h3>
<p>&nbsp; &lt;window&gt; &lt;Grid&gt; &lt;Rectangle width=&rdquo;100&rdquo; Horizontal alignment=&rdquo;Top&rdquo; Margin= &lt;Rectangle.fill&gt; &lt;solid color Brush color = &ldquo;eed&rdquo;/&gt; &lt;/rectangle.fill&gt; &lt;/rectangles&gt; &nbsp;</p>
<h3><strong>Linear Gradient brush</strong></h3>
<p>This is used to fill the colors or apply the colors to a graphic image &agrave;Using liner gradient brush we can fill or apply two or more colors at once within the graphic object <strong>- - &gt;&nbsp;</strong>Using linear gradient brush we can apply or fill the colors diagonally (or) horizontally (or) vertically This sub tag &lt;Gradient stop&gt; has two attributes&agrave;We use a sub tag known as Gradient stop Within the linear gradient brush class <strong>- - &gt;&nbsp;</strong>Color <strong>- - &gt;&nbsp;</strong>offset &nbsp;</p>
<h3><strong>Offset</strong></h3>
<p>Property is used to mention a location upto where the color should be applied or filled &lt;Gradient stop color= &ldquo;blue&rdquo; offset= &ldquo;1.4&rdquo;/&gt;&agrave;If, we want to fill 3 colors in a square then we use linear gradient brush like &lt;Linear Gradient Brush&gt; &lt;Gradient stop color= &ldquo;Red&rdquo; Offset = &ldquo;0.3&rdquo;/&gt; &lt;Gradient stop color=&rdquo;green&rdquo; offset=&rdquo;0.6&rdquo;/&gt; &lt;/linearGradient brush&gt; &nbsp; <img class="alignnone size-full wp-image-7352" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_253.png" alt="Screenshot_25" width="195" height="205" /> &nbsp;</p>
<ul>
<li>Default filling of the colors in linear gradient brush is diagonal</li>
<li>If we want to fill the colors horizontally or vertically then we use start pint and end point properties with linear gradient brush</li>
<li>To Fill the colors Horizontally &nbsp;we write</li>
</ul>
<p>Start point = &ldquo;0,0.5&rdquo; End point = &ldquo;0,1.0&rdquo; like &lt;Line as gradient brush start point= &ldquo;0.0.5&rdquo; End point =&rdquo;0,1.0&rdquo;/&gt; &lt;Gradient stop color = &ldquo;Red&rdquo; offset = &ldquo;0.3&rdquo;/&gt; &lt;Gradient stop color = &ldquo;Green&rdquo; offset = &ldquo;0.6&rdquo;/&gt; &lt;Gradient stop color = &ldquo;Blue&rdquo; Offset = &ldquo;%.4%&gt; &lt;/Linear Gradient brush&gt; &nbsp; <img class="alignnone size-full wp-image-7353" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_263.png" alt="Screenshot_26" width="225" height="143" /> &nbsp; <strong>Eg With linear Gradient Brush</strong> Create a new window Go to source write the following code within the grid &lt;Grid&gt; &lt;Rectangle Height=&rdquo;100&rdquo; width=&rdquo;100&rdquo;&gt; &lt;Rectangle Fill&gt; &lt;Linear gradient brush&gt; &lt;Gradient stop-color=&rdquo;red&rdquo; offset= &ldquo;0.3&rdquo;/&gt; &lt;Gradient stop-color=&rdquo;green&rdquo; Offset =&rdquo;0.6&rdquo;/&gt; &lt;Gradient stop color=&rdquo;blue&rdquo; offset =&rdquo;1.0&rdquo;/&gt; &nbsp; <img class="alignnone size-full wp-image-7354" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_273.png" alt="Screenshot_27" width="235" height="161" /> &nbsp; &lt;/Rectangle.fill&gt; &lt;Linear Gradient brush Start point = &ldquo;0, 0.5&rdquo; Endpoint = &ldquo;0,1.0&rdquo;/&gt; &lt;Gradient stop color = &ldquo;orange&rdquo; Offset = &ldquo;0.3&rdquo;/&gt; &lt;Gradient stop color= &ldquo;green&rdquo; Offset = &ldquo;1.0&rdquo;/&gt; &lt;/Linear Gradient brush&gt; &lt;/rectangle.fill&gt; &lt;/Gird&gt; &nbsp; <img class="alignnone size-full wp-image-7355" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_294.png" alt="Screenshot_29" width="180" height="234" /> &lt;Ellipse Height = &ldquo;100&rdquo; width = &ldquo;100&rdquo;&gt; &lt;linear gradient Brush&gt; &lt;Gradient stop &nbsp;</p>
<ul>
<li><strong>Radial Gradient Brush:-</strong> Used to fill the colors within the graphic image circularly</li>
<li>Properties of this are same as linear gradient brash, but we don&rsquo;t find start point and end point</li>
</ul>
<p>&nbsp;</p>
<h3><strong>Eg with Radial Gradient Brush</strong></h3>
<p>Create a new WPF apps</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Create a new window</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Go to xaml source</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Write the following code</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>&lt;Rectangle Height = &lsquo;100&rdquo;, width =&rdquo;100&rdquo;/&gt; &lt;rectangle.file&gt; &lt;Radial Gradient Brush&gt; &lt;Gradientstop color=&rdquo;Red&rdquo; offset = &ldquo;0.3&rdquo;/&gt; &lt;Gradientstop color=&rdquo;Green&rdquo; offset = &ldquo;0.6&rdquo;/&gt; &lt;Gradientstop color=&rdquo;Blue&rdquo; offset= &ldquo;1.4&rdquo;/&gt; &lt;/Radial Gradient brush&gt; &lt;/Rectangle.fill&gt; &lt;/RECTANGLE&gt; <img class="alignnone size-full wp-image-7356" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_303.png" alt="Screenshot_30" width="303" height="259" /></p>

WPF Brushes Overview

Working with brushes in WPF

working-brushes-wpf

<h2><strong>Gradient Origin</strong></h2>
<p>To Fill the colors in elliptically we use following properties with Radial Gradient Brush</p>
<ul>
<li><a href="https://tekslate.com/working-grid-layout-wcf/" target="_blank" rel="noopener">Gradient Origin</a></li>
<li>Center</li>
<li>Radius X</li>
<li>Radius Y</li>
</ul>
<p>&nbsp;</p>
<h3><strong>Eg to fill the colors elliptically in a rectangle</strong></h3>
<p>&nbsp; Create a new window</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Go to xaml source</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>write the following code within grid</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>&lt;Grid&gt; &lt;Rectangle height =&rdquo;1&mdash;&ldquo; width=&rdquo;200&rdquo;&gt; &lt;Rectangle.fill&gt; &lt;Radial Gradient Bruch Gradient origin = &ldquo;0.5, 0.5&rdquo; center = &ldquo;0.5, 0.5&rdquo; Radius X = &ldquo;0.5&rdquo; Radius Y = &ldquo;0.5&rdquo;&gt; &lt;Gradient stop color=&rdquo;yellow&rdquo; offset = &ldquo;0&rdquo;/&gt; &lt;Gradientstop color = &ldquo;Red&rdquo; offset = &ldquo;0.23&rdquo;/&gt; &lt;Gradientstop color = &ldquo;blue&rdquo; offset =&rdquo;0.75/&gt; &lt;Gradientstop color+ &ldquo;lineGreen&rdquo; offset+&rdquo;1&rdquo;/&gt; &lt;/Radial Gradient Brush&gt; &lt;/Rectangle.fill&gt; &lt;/Rectangle&gt; &nbsp;</p>
<h3><strong>Image brush:-</strong></h3>
<p>This is used to display the required image within the 2D graphic object like rectangle or ellipse etc. &nbsp;</p>
<h3><strong>Properties:-</strong></h3>
<p>Image Source &nbsp;is the property which is used to display required image within the object &nbsp;</p>
<h3><strong>Eg With Image Brush:-</strong></h3>
<p>Create a new window</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Go To Xaml-1 Source</p>
<h2>&nbsp; &nbsp; &nbsp; &darr;</h2>
<p>Write the code in &lt;Grid&gt; &lt;Grid&gt; &lt;Rectangle height =&rdquo;100&rdquo;, width = &ldquo;100&rdquo;&gt; &lt;Rectangle.fill&gt; &lt;ImageBrush&gt; &lt;Image brush Imagesource = &ldquo;Fl.Jpg&rdquo;/&gt; &lt;/Image Brush&gt; &lt;/Rectangle-fill&gt; &lt;/Rectangle&gt; &nbsp;</p>

Gradients origin and overview

Gradient Origin in WPF

gradient-origin-wpf

<p style="text-align: justify;">The presentation core will provide rich user interface elements, animation, media support in the form of XAML</p>
<p style="text-align: justify;">This XAML code is executed by CLR Exaction Engine</p>
<p style="text-align: justify;">We can also use the facilities of WPF controls, SOA programming of WCF, Database operations with the help of LINQ as well as base class library facilities and CLR Dynamic facilities in silver light architecture runtime</p>
<p>&nbsp;</p>
<h2><strong>.Net Framework 3.5 Architectures, Silver Light 200</strong></h2>
<h2>&nbsp;</h2>
<p><img class="alignnone wp-image-7363" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_325-460x429.png" alt="Screenshot_32" width="565" height="526" /> &nbsp;</p>
<ul>
<li>Apart from these JavaScript engine in silver light is responsible to provide and execute Java script facilities</li>
<li>AJAX control library also can be used efficiently in silver light</li>
<li>Browser plug in will provide all the necessary services and DOM integration</li>
</ul>
<p>&nbsp; <strong>.Net frame work 4.0 architecture for silver light </strong> &nbsp; <img class="alignnone wp-image-7364" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_333-460x692.png" alt="Screenshot_33" width="415" height="626" /> &nbsp; &nbsp; <strong>Silver light plug &ndash;in:-</strong> <img class="alignnone wp-image-7365" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_343-460x215.png" alt="Screenshot_34" width="540" height="252" /> &nbsp;</p>
<p style="text-align: justify;">Silver light plug in has capabilities to interact with Java script and .net Runtime</p>
<p style="text-align: justify;">Silver light plug in can raise the events of Java script and .net runtime and can understand the response.</p>
<p style="text-align: justify;">Silver light plug in will pause and render the XAML code</p>
<p style="text-align: justify;">At browser side or client side HTML markup will interact with silver light plug in and silver light plug in will interact with java script</p>
<p style="text-align: justify;">At screen side silver light plug in will perform two tasks.</p>
<p style="padding-left: 30px; text-align: justify;">Integrating with .net Runtime to call the necessary events and to get the response</p>
<p style="padding-left: 30px; text-align: justify;">To parse and render the XAML code.</p>
<p style="text-align: justify;">To work with Silver light we need to have following soft wares in our system</p>
<p>Designing &amp; Developing</p>
<ul>
<li>Editor Tool
<ul>
<li>Net</li>
<li>Visual web developer &nbsp; Any one should be used</li>
<li>Expression Blend</li>
</ul>
</li>
<li>Silver light SDK (2.0)</li>
<li>Silver light tool kit</li>
<li>.net framework</li>
</ul>
<p>&nbsp;</p>
<h2><strong>Visual studio.Net VS Net</strong></h2>
<p style="text-align: justify;">It is preferable to use VS.Net 2010 to develop silver light appns because silver light templates are in built in this version If we install Vs.Net in 2010 we don&rsquo;t get silver light SDK or silver light tool kit with that&nbsp; development kit</p>
<h2 style="text-align: justify;"><strong>Visual Web Developer</strong></h2>
<p style="text-align: justify;">It is the low grade version of visual studio .net, we can use visual web developer to develop ASP &ndash;net applications, AJAK &nbsp;web appsns, WEF appns and silver light applications</p>
<h2 style="text-align: justify;"><strong>Expression Blend</strong></h2>
<p style="text-align: justify;">This is a separate editor tool developed by Microsoft especially to build silver light applications</p>

Silver Light Architecture

silver-light-architecture-wpf

<p style="text-align: justify;">This software contains all the necessary class breccias&nbsp; these are helpful to develop silver light applications</p>
<p style="text-align: justify;">We have different versions in these like 1.0, 2.0,3.0 and 4.0 with visual studio 2010, it is preferable to use 2.0 or higher</p>
<h2 style="text-align: justify;"><strong>Silver Light Toolkit</strong></h2>
<p style="text-align: justify;">This will contain all the controls that are supported by silver light when we install this software we get all the controls added to toolbox in visual studio-net or other editor tools</p>
<h2 style="text-align: justify;"><strong>For Running the silver light applications</strong></h2>
<p style="text-align: justify;">Silver light runtime software</p>
<p style="text-align: justify;">Silver light managed debugger</p>
<h2 style="text-align: justify;"><strong>Silver Light Runtime Software</strong></h2>
<p style="text-align: justify;">When we install silver light runtime s/w, it will provide all the necessary plug-ins to the browser, so that the browser can run the silver light appsns</p>
<p style="text-align: justify;">This is a lightweight component composed to&nbsp; silver light SDK.</p>
<h2 style="text-align: justify;"><strong>Silver Light Managed Debugger</strong></h2>
<p style="text-align: justify;">This is the optional s/w, we need to install this s/w if we would to run silver light application with debugging mode.</p>
<p style="text-align: justify;">If we want to run without debugging then it is not required to install this s/w</p>
<p style="text-align: justify;">It is preferable to install silver light s/w in following order</p>
<ol style="text-align: justify;">
<li>Silver light SDK</li>
<li>Silver light toolkit</li>
<li>Silver light Runtime</li>
<li>Silver light Managed debugger</li>
</ol>
<p style="text-align: justify;">We should not use silver light toolkit 200 we should download March 2009 silver light&nbsp; 200</p>
<h2 style="text-align: justify;"><strong>Creating Silver Light application</strong></h2>
<p style="text-align: justify;">Open visual studio &ndash; net 2010</p>
<h2 style="text-align: justify;">&nbsp; &nbsp; &nbsp;&darr;</h2>
<p style="text-align: justify;">Click on file &nbsp;<img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" /> new &nbsp;<img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />project</p>
<h2 style="text-align: justify;">&nbsp; &nbsp; &nbsp;&darr;</h2>
<p style="text-align: justify;">Double click on visual CH form installed template</p>
<h2 style="text-align: justify;">&nbsp; &nbsp; &nbsp;&darr;</h2>
<p style="text-align: justify;">Select silver light category right side we find</p>
<h2 style="text-align: justify;">&nbsp; &nbsp; &nbsp;&darr;</h2>
<p style="text-align: justify;">2 templates</p>
<h2 style="text-align: justify;">&nbsp; &nbsp; &nbsp;&darr;</h2>
<p style="text-align: justify;">Select silver light appn template</p>
<h2 style="text-align: justify;">&nbsp; &nbsp; &nbsp;&darr;</h2>
<p style="text-align: justify;">Type the application name SLA sample</p>
<h2 style="text-align: justify;">&nbsp; &nbsp; &nbsp;&darr;</h2>
<p style="text-align: justify;">Choose the location to save</p>
<h2 style="text-align: justify;">&nbsp; &nbsp; &nbsp;&darr;</h2>
<p style="text-align: justify;">Click on ok</p>
<h2 style="text-align: justify;">&nbsp; &nbsp; &nbsp;&darr;</h2>
<p style="text-align: justify;">Add silver light application dialog box will be displayed</p>
<h2 style="text-align: justify;">&nbsp; &nbsp; &nbsp;&darr;</h2>
<p style="text-align: justify;">Click on ok</p>
<p style="text-align: justify;">This will create two categories of files</p>
<p style="text-align: justify;">Silver light application project files</p>
<p style="text-align: justify;">Silver light application project web files</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7368" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_353.png" alt="Screenshot_35" width="396" height="363" /></p>
<h3 style="text-align: justify;"><strong>Design the page in page.xaml</strong></h3>
<p style="text-align: justify;">Double click on button &amp; write the code in page.xaml.cs &nbsp;protected void Button1_click { text Blockl.Text=&rdquo;welcome to silver light&rdquo;</p>
<p style="text-align: justify;">}</p>
<ul style="text-align: justify;">
<li>Build the solution</li>
<li>This will create Build the solution</li>
<li>This will create.xap file within the client bin folder</li>
<li>In our example file will be created like SLA sample.xap xap means xaml application package. Called as silver light application package called as silver light application package</li>
<li>This is a compressed zip file contains all the files that are required to start the application to run the application use the following steps</li>
</ul>
<p style="text-align: justify;">Click on Debug</p>
<p style="text-align: justify;">click on start without debugging &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [ctrl+f5]</p>
<p style="text-align: justify;">Application will run</p>
<p style="text-align: justify;"><strong>Note:-</strong></p>
<p style="text-align: justify;">If we want to run with debugging here we need to install silver light managed debugging package</p>

Silver Light SDK (200)

silver-light-sdk-200-wpf

<p style="text-align: justify;">In properties folder we find two files</p>
<ol style="text-align: justify;">
<li>App Manifest.xml</li>
<li>Assembly info.cs</li>
</ol>
<p style="text-align: justify;"><strong>App Manifest.xml</strong></p>
<p style="text-align: justify;">This is the application manifest file that is required to generate the application package we should not edit this file strictly prohibited</p>
<p style="text-align: justify;"><strong>Assembly Info.cs</strong></p>
<p style="text-align: justify;">This file contains the name and version metadata that is embedded into the generated assembly</p>
<p style="text-align: justify;"><strong>.xap file:-</strong></p>
<p style="text-align: justify;">This is silver light application package file. This file will be generated when we built the project. This is a compressed zip file which contains all the necessary files that are required to start the application</p>
<h3 style="text-align: justify;"><strong>The references in silver light applications are</strong></h3>
<ul style="text-align: justify;">
<li>Ms corlib&rsquo;dll</li>
<li>dll</li>
<li>corc.dll</li>
<li>Net.dll</li>
<li>windows.dll</li>
<li>windows.Browser.dll</li>
<li>xml.dll</li>
</ul>
<h3 style="text-align: justify;"><strong>Main Page files</strong></h3>
<p style="text-align: justify;">These are the main files of silver light application that is</p>
<p style="text-align: justify;">Page.xaml</p>
<p style="text-align: justify;">Page.xaml.cs</p>
<p style="text-align: justify;">Page.xaml wil contain designing of the page</p>
<p style="text-align: justify;">Page.xaml. cs will contain code behind code in c# this page class is inherited from user control &nbsp;class</p>
<h3 style="text-align: justify;"><strong>Application or app files</strong></h3>
<p style="text-align: justify;">we find two app files with the name</p>
<p style="text-align: justify;">App. Xaml</p>
<p style="text-align: justify;">App.xaml.cs</p>
<p style="text-align: justify;">This App class files are required by the silver light application to display application user interface</p>
<p style="text-align: justify;">This App class is instantiated by the silver light plug in after the .xap file is created</p>
<h3 style="text-align: justify;"><strong>Silver light application project website files &nbsp;</strong></h3>
<ul style="text-align: justify;">
<li><strong>js</strong></li>
</ul>
<p style="text-align: justify;">This is a java script helper files that contains functions to initialize silver light plug in instances and functions for determining the clients installed version of the plug in.</p>
<ul style="text-align: justify;">
<li><strong>.Html file</strong></li>
</ul>
<p style="text-align: justify;">html file is used to configure and instantiate the silver light plug in which downloads and runs the silver light application.</p>
<p style="text-align: justify;">In general name of this file is concatenation of the name of the silver light application and test page.html that is if silver light application&nbsp; name is &ldquo;A&rdquo; then html file name is A Test page. Html</p>
<p style="text-align: justify;">If silver light application name is &ldquo;B&rdquo; then silver light application name is best page .html</p>
<ul style="text-align: justify;">
<li><strong>.Aspx file</strong></li>
</ul>
<p style="text-align: justify;">This file is the default startup webpage the name of this file is concatenation of sidelight application name and Testpage.sapx</p>
<p style="text-align: justify;">Eg attest page. Xspx</p>
<ul style="text-align: justify;">
<li><strong>config files</strong></li>
</ul>
<p style="text-align: justify;">It is used to perform configuration settings of the webpage</p>
<h2 style="text-align: justify;"><strong>Silver light controls</strong></h2>
<p style="text-align: justify;">1) border&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 8)&nbsp;&nbsp; Ellipse&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 15) pass word box</p>
<p style="text-align: justify;">2) button&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 9)&nbsp;&nbsp; Grid&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 16) progress box</p>
<p style="text-align: justify;">3) calendar&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 10) Grid splitter&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 17) Radio Button</p>
<p style="text-align: justify;">4) Canvas&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 11) Image&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 18) Rectangle</p>
<p style="text-align: justify;">5) check Box&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 12) list box&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 20) Scroll Bar</p>
<p style="text-align: justify;">6) Content control&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 13) Medical element&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 21) Scroll viewer</p>
<p style="text-align: justify;">22) slider</p>
<h2 style="text-align: justify;"><strong>Controls added in 3.0 &amp; 4.0 versions</strong></h2>
<h2 style="text-align: justify;">&nbsp;</h2>
<p style="text-align: justify;">27) Auto complete box&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 39) popup</p>
<p style="text-align: justify;">28) child window&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 40) Repeat button</p>
<p style="text-align: justify;">29) Data pager&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 41) Rich text Box</p>
<p style="text-align: justify;">31) description viewer&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 42) Save file dialog</p>
<p style="text-align: justify;">32) frame&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 43) Tool Tip</p>
<p style="text-align: justify;">33) Headered Items control&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 44) Tree view</p>
<p style="text-align: justify;">34) Hyper link Button&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 45) validation summary</p>
<p style="text-align: justify;">35) link presenter&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 46) View box</p>
<p style="text-align: justify;">36) label&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 47) visualizing stickiness</p>
<p style="text-align: justify;">37) open file dialog&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 48) web browser</p>
<p style="text-align: justify;">38) page</p>
<p style="text-align: justify;">Text box:-</p>
<h2 style="text-align: justify;"><strong>Silver Light Properties</strong></h2>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Back ground</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Border Brush</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Data context</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Font family</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Font size</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Is Enable</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Margin</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Max Height</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />max Length</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Font style</p>
<ul style="text-align: justify;">
<li>Normal (default)</li>
<li>italic</li>
</ul>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Font weight</p>
<ul style="text-align: justify;">
<li>Normal [Default]</li>
<li>Black&nbsp;&nbsp;&nbsp;&mdash;&nbsp;&nbsp; extra height</li>
<li>Bold&nbsp;&nbsp;&nbsp;&mdash;&nbsp;&nbsp;&nbsp; Light</li>
<li>Extra Bold</li>
</ul>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />min height</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />min width</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Foreground</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Height</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />opacity</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />opacity mask</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Horizontal &nbsp;alignment</p>
<ul style="text-align: justify;">
<li>alignment</li>
<li>center</li>
<li>Right</li>
<li>Stretch</li>
</ul>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Render transform</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Render Transform origin</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />selection back Ground</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Horizontal content alignment</p>
<ul style="text-align: justify;">
<li>Stretch</li>
<li>left</li>
<li>Right</li>
<li>Center</li>
</ul>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Selection fore Ground</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Text</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Text Alignment</p>
<ul style="text-align: justify;">
<li>&nbsp;left [default]</li>
<li>&nbsp;Center</li>
<li>&nbsp;Right</li>
</ul>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Text wrapping</p>
<ul style="text-align: justify;">
<li>Wrap</li>
<li>Now wrap (defaults)</li>
</ul>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Visibility visible [Default) collapsed</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Width</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Vertical alignment</p>
<ul style="text-align: justify;">
<li>Top (default)</li>
<li>bottom</li>
<li>center</li>
<li>stretch</li>
</ul>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Vertical content alignment</p>
<ul style="text-align: justify;">
<li>Top (default)</li>
<li>bottom</li>
<li>center</li>
<li>stretch</li>
</ul>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7108" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/1111.png" alt="11" width="37" height="12" />Horizontal scrollbar visibility</p>
<ul style="text-align: justify;">
<li>Disabled</li>
<li>Auto</li>
<li>visible</li>
<li>Hidden (default)</li>
</ul>
<p style="text-align: justify;">Sit &nbsp;any control we create in silver light has as special class and all these controls and all these controls are available in system windows controls name space</p>
<h2 style="text-align: justify;"><strong>Example to create a control at runtime</strong></h2>
<p style="text-align: justify;">Go to page.xamlfile and write the following code in page_loaded event or in Layout root_loaded event</p>
<p style="text-align: justify;">Private did layout Root_loaded (object sender, routed even ttrgs e)</p>
<p style="text-align: justify;">{ Button BI = new Button()</p>
<p style="text-align: justify;">BI.content = &ldquo;Submit&rdquo;;</p>
<p style="text-align: justify;">BI.width=100;</p>
<p style="text-align: justify;">BI.Height=40;</p>
<p style="text-align: justify;">This layout root _chil(dren:add(d);</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-7374" src="https://newtekslateassets.s3.us-west-2.amazonaws.com/wp-content/uploads/2014/12/Screenshot_363.png" alt="Screenshot_36" width="347" height="192" /></p>
<p style="text-align: justify;">Run the application &amp; check</p>
<h2 style="text-align: justify;"><strong>Adding an event to the control At Runtime</strong></h2>
<p style="text-align: justify;">For the above example additionally add the following code</p>
<p style="text-align: justify;">Private void layout root_loadedc</p>
<p style="text-align: justify;">{</p>
<p style="text-align: justify;">Button BI = ne</p>
<p style="text-align: justify;">This.layout root_children _add(B)</p>
<p style="text-align: justify;">BI.Click +=new routed event handler (f).</p>
<p style="text-align: justify;">}</p>
<p style="text-align: justify;">Private void fill object sender, routed event arg { Textboxl.text.&rdquo;Sathya&rdquo;;</p>
<p style="text-align: justify;">} }</p>

wpf

Articles