Expression Blend Example Chinese tutorial (3)

The previous article provides a quick introduction to the Blend 3 development interface, which will introduce Silverlight controls based on blend 3. For those familiar with Microsoft development tools, I'm sure you'll soon be familiar with the blend development interface and controls.

XAML Overview

The control drawing of Silverlight is supported by the XAML language. What is a XAML language?

Simply put, XAML (extensible Application Markup Language) is an xml-based descriptive language, and Chinese is also called extensible Application Markup Language. The language was created by Microsoft and is used primarily to build the WPF and Silverlight application user interfaces. XAML is the foundation of the Silverlight user interface design, which allows you to define Silverlight objects and properties, and in contrast to the background language definition controls, XAML provides a very concise way to declare controls, sometimes with just one code to complete the construction of a control. In addition to this, XAML provides an extensible and positioned syntax for defining and separating the user interface of the program, which is very similar to the "code back" model in asp.net. This effectively separates the designer and the developer, in the same project, carries on the division foreground program Interface design and the backstage logic design, causes the project to arrive the collaboration development goal. So, XAML is the foundation of the Silverlight user interface design, and as a Silverlight designer, it should be a good command of the XAML language, since this series is about Blend, where the XAML language is no longer detailed, and if you need to systematize the XAML language, Please visit the Reference Learning resources provided later in this article.

With a certain understanding of XAML, here's how to get started with Silverlight controls. For Silverlight controls, Microsoft makes a simple classification,

First Category: Layout Controls (Layout control)

Category II: Item Controls (Project control)

Category III: User interaction Controls (UI control)

In the next few I'll introduce these controls, and first I'll introduce

A layout control, which can be seen from the name, is a type of control that controls the overall format of the user interface. Such controls make it easy to orchestrate the user interface, where other project controls and user interaction controls can be placed to control their location. If you have HTML design experience, you can also simply interpret the layout control as a table tag in HTML. In any Silverlight or WPF project, layout controls are inseparable, and I'll detail the layout controls here.

In the Silverlight standard control, the following four layout controls are included:

Grid control

Canvas control

StackPanel Control

Border control

Because the control is very important in Silverlight and WPF project development, I will detail the usage and common properties of the grid control: