Expression. blend.4 Chapter2 exploration user interface

I found that there have been very few books on Silverlight and WPF Art series on the Internet, and many of them are in English. Start translation when you are bored in the company.

The translation may be incorrect. please correct me. However, every program in it has been tested in person and added some opinions.

Expression. blend.4.step. By. Step. If you have any questions, go to the original English version.

I hope you can add a link when reprinting. 3q

 

Explore user interface

The User Interface of expression blend 4 is similar to other user interfaces in expression studio: concise, elegant, and intuitive.

In this workspace, you can quickly design your project. He is rigorous and contains the following main page elements.

■ Artboard)

■ Menus (menu)

■ Tools panel (toolbar)

■ Authoring views (creation refers to switching between code and view)

■ Panels (panel)

 

It may look different from that in the book. Some interfaces are not called.

The last few element panels, including some commonly used panels. Some of them provide some special purposes. (Find the area marked as panel above)

■ Assets (assets)

■ Objects and timeline (Object and timeline)

■ Projects)

■ Properties)

■ Resources)

■ Results (result)

Expression blend 4 contains some additional panels not mentioned in the previous list, but they are rarely used. You will see more at the end of the book. All panels are in the work area. You can change the size, move, fix, and hide these panels. You can arrange them according to your needs.

Exploration panel

In the following contact, you will start to familiarize yourself with the available panel in expression blend 4.

3. the middle area of expression blend 4 is the main working face, which is called the canvas. You can design a file by drawing some diagrams above. Note the file labels on the design plane (now the name is mainpage. XAML ). When you open multiple files on the canvas at the same time, the names of each file are displayed on separate labels. You can click the corresponding tag to select a file.

 

4. Click the object on the menu bar. These menus are expression
The variant of "smart menu" in blend 4. These projects are active or disabled in their current work. If a project or sub-project in the menu cannot be used, it is unavailable. (I have been around for a long time. In fact, some menu items can be used but some cannot be used. Like a button with a click attribute, but not a textbox ).

 

You are using expression
Blend 4 can be found in 8 menus on the menu bar.

Click the projects Tab
To activate its panel.

Click the projects tab to activate the panel.

Tip if you are confused about placing a panel or cannot find it in the work area, click the window on the menu bar, and then click the name of the panel you want to find. You can also reset your work area to enable the original programming settings on the user interface.

6. On the projects panel, you can see the project structure in the zune3d project you are currently opening. A project generally contains one or more projects at the highest level. Projects panel helps you easily organize files and folders in your project.

 

A project usually contains a Silverlight program and a corresponding web program (expression blend 4 generally automatically creates a web program ). In the previous chapter, you have seen the effect of zune3d case lock display. If the project runs only one Silverlight program, blend 4 creates a program to ensure that the program runs. The Silverlight program itself contains some files, including class extension application language (XAML) files and hidden code files. A simple page and its hidden code files, program lists, collection information files, reference files, images and simple data folders and some other files

Expression blend 4 files are based on a different markup language, XAML. Expression
Blend 4 opens the file mainpage. XAML by default. The file contains the default XAML application. On the project panel, you can see that the hidden code file under the Xmal file of each word exists as a subitem. Open mainpage. XAML. CS to hide the code file and check the logic code written by C.

 

8.
In the objects and timeline
Panel, click the arrow beside layoutroot, then the one beside

Frame. Then click
Background object. The view in the properties panel changes.

8. Objects and Timeline panel. Click the button next to layoutroot and then click the frame next to it. Click the background object. The view in the properties panel has changed.

9. On the Properties panel, you can observe or modify the properties of the selected object. All attributes of the selected object are placed in the extended class. Observe the painter of the selected background object. The color selection editor allows you to set solid colors and gradient paint brushes. In the color editor, click red to fill the object.

Remember that the selected background

 

Note that attribute changes are reflected in the canvas. You can see the red color in the corner of the page you open in the color selector and the color changes from Brown to pink. (The effect is different. You must have not selected the background layer)

Why is it pink instead of red? Let's take a look at the image brush category in the appearance category below. The opacity attribute is changed to 40%. So what you see is not really pink. What you see is the red color you selected in the color editor, but the opacity is 40%.

 

Tip in the properties panel, some attributes have extended advanced options. You can click show Advanced properties to open them (that is, the small arrow). The extended attributes are classified separately, because they are rarely used relative to other attributes.

10. At the top of the properties panel, click the resources panel label. The resources panel displays all resources used to open a project.

Tip resources may contain different image brushes, styles, and templates. Resources can also be classified into resource dictionaries.

 

11. Press F12 to view the results panel. The results panel is displayed under the canvas. The displayed information helps you find errors in modifying programs.

 

Http://www.cnblogs.com/WWBL/