Understanding Properties
All objects have attributes used to specify and return the state of the object. These attributes are properties, and you've already used some of them in previous hours using the Properties window. Indeed, every object exposes (provides for access by other code) a specific set of properties, but not every object exposes the same set of properties. To illustrate this point, I will continue with the hypothetical Pet object. Suppose you have an object, and the object is a dog. This Dog object has a certain set of properties that are common to all dogs. These properties include attributes such as the dog's name, the color of its hair, and even the number of legs it has. All dogs have these same properties; however, different dogs have different values for these properties. Figure 3.1 illustrates such a Dog object and its properties.
Figure 3.1 Properties are the attributes that describe an object.
Getting and Setting Properties
You've already seen how to read and change properties using the Properties window. The Properties window is available only at design time, however, and is used only for manipulating the properties of forms and controls. Most getting (reading) and changing of properties you'll perform will be done with Visual C# .NET code, not by using the Properties window. When referencing properties in code, you specify the name of the object first, followed by a period (.), and then the property name, as in the following syntax:
{ObjectName}.{Property}
If you had a Dog object named Bruno, for example, you would reference Bruno's hair color this way:
Bruno.HairColor
This line of code would return whatever value was contained in the HairColor property of the Dog object Bruno. To set a property to some value, you use an equal (=) sign. For example, to change the Dog object Bruno's Weight property, you would use a line of code such as the following:
Bruno.Weight = 90;
When you reference a property on the left side of an equal sign, you're setting the value. When you reference a property on the right side of the equal sign, you're getting the value.
Bruno.Weight = 90;
The following line of code places the value of the Weight property of the Dog object called Bruno into a temporary variable. (Think of a variable as a storage location. For example, suppose that you wanted to add two numbers together and store the result for future use; you would store the result in a variable.) This statement retrieves the value of the Weight property because the Weight property is referenced on the right side of the equal sign.
fltWeight = Bruno.Weight;
NOTE
Variables are discussed in detail in Hour 11, "Using Constants, Data Types, Variables, and Arrays."
When the processor executes this statement, it retrieves the value in the Weight property of the Dog object Bruno and places it in the variable (storage location) titled fltWeight. Assuming that Bruno's Weight is 90, as set in the previous example, the computer would process the following code statement like this
fltWeight = 90;
Just as in real life, some properties can be read but not changed. Suppose you have a Sex property to designate the gender of a Dog object. It's impossible for you to change a dog from a male to a female or vice versa (at least I think it is). Because the Sex property can be retrieved but not changed, it's known as a read-only property. You'll often encounter properties that can be set in design view but become read-only when the program is running.
One example of a read-only property is the Height property of the Combo Box control. Although you can view the value of the Height property in the Properties window, you cannot change the valueno matter how hard you try. If you attempt to change the Height property using Visual C# .NET code, Visual C# .NET simply changes the value back to the defaulteerie.
NOTE
The best way to determine which properties of an object are read-only is to consult the online help for the object in question.
Working with an Object and Its Properties
Now that you know what properties are and how they can be viewed and changed, you're going to experiment with properties in a simple project. In Hour 1, you learned how to set the Height and Width properties of a form using the Properties window. Now, you're going to change the same properties using Visual C# .NET code.
The project you're going to create consists of a form with some buttons on it. One button will enlarge the form when clicked, whereas the other will shrink the form. This is a very simple project, but it illustrates rather well how to change object properties in Visual C# .NET code.
Follow the steps below to create the project:
Start by creating a new Windows Application project (choose File, New, Project).
Name the project Properties Example.
Use the Properties window to change the name of the form to fclsShrinkMe. (Click the form once to select it and you'll be able to change its Name in the Properties window.)
Next, change the Text property of the form to Grow and Shrink.
Click the View Code button in Solution Explorer to view the code behind the form. Scroll down and locate the reference to Form1 and change it to fclsShrinkMe (it will most likely appear toward the bottom of the class listing).
Click the Form1.cs [Design] tab to return to the form designer.
When the project first runs, the default form will have a Height and Width as specified in the Properties window. You're going to add buttons to the form that a user can click to enlarge or shrink the form at runtime.
Add a new button to the form by double-clicking the Button tool in the toolbox. Set the new button's properties as follows:
Property |
Set To |
Name |
btnEnlarge |
Location |
111,70 |
Text |
Eat Me |
Now for the Shrink button. Again, double-click the Button tool in the toolbox to create a new button on the form. Set this new button's properties as follows:
Property |
Set To |
Name |
btnShrink |
Location |
111,120 |
Text |
Drink Me |
Your form should now look like the one shown in Figure 3.2.
Figure 3.2 Each button is an object, as is the form the buttons sit on.
To complete the project, you need to add the small amount of Visual C# .NET code necessary to modify the form's Height and Width properties when the user clicks a button. Access the code for the Enlarge button now by double-clicking the Eat Me button. Type the following statement exactly as you see it here. Do not hit the Enter key or add a space after you've entered this text.
this.Width
When you typed the period, or "dot," as it's called, a small drop-down list appeared, like the one shown in Figure 3.3. Visual C# .NET is smart enough to realize that this represents the current object (more on this in a moment), and to aid you in writing code for the object. It gives you a drop-down list containing all the properties and methods of the form. This feature is called IntelliSense, and it is relatively new to Visual Studio. When an IntelliSense drop-down list appears, you can use the up and down arrow keys to navigate the list, and press Tab to select the highlighted list item. This prevents you from misspelling a member name, thereby reducing compile errors. Because Visual C# .NET is fully object- oriented, you'll come to rely on IntelliSense drop-down lists in a big way; I think I'd rather dig ditches than program without them.
Figure 3.3 IntelliSense drop-down lists (also called auto-completion drop-down lists) make coding dramatically easier.
Use the Backspace key to completely erase the code you just entered and enter the following code in its place (press Enter at the end of each line):
this.Width = this.Width + 20; this.Height = this.Height + 20;
Again, the word this refers to the object to which the code belongs (in this case, the form). The word this is a reserved word; it's a word that you can't use to name objects or variables because Visual C# .NET has a specific meaning for it. When writing code within a form module, as you are doing here, you should always use the this reserved word rather than using the name of the form. this is much shorter than using the full name of the current form, and it makes the code more portable (you can copy and paste the code into another form module and not have to change the form name to make the code work). Also, if you change the name of the form at any time in the future, you won't have to change references to the old name.
NOTE
Visual C# .NET is a case-sensitive language; if you type even one character in the wrong case (such as .height instead of .Height), the code won't work.
The code you've entered does nothing more than set the Width and Height properties of the form to whatever the current value of the Width and Height properties happens to be, plus 20 pixels.
Redisplay the form designer by selecting the tab titled Form1.cs [Design]; then double-click the Shrink button to access its Click event and add the following code:
this.Width = this.Width 20; this.Height = this.Height 20;
This code is very similar to the code in the Enlarge_Click event, except that it reduces the Width and Height properties of the form by 20 pixels.
Your screen should now look like Figure 3.4.
Figure 3.4 The code you've entered should look exactly like this.
TIP
As you create projects, it's a very good idea to save frequently. Save your project now by clicking the Save All button on the toolbar.
Once again, display the form designer by clicking the tab Form1.cs [Design]. Your Properties Example is now ready to be run! Press F5 to put the project in Run mode (see Figure 3.5).
Figure 3.5 What you see is what you getthe form you created should look just as you designed it.
Click the Eat Me button a few times and notice how the form gets bigger. Next, click the Drink Me button to make the form smaller. When you've clicked enough to satisfy your curiosity (or until you get bored), end the running program and return to Design mode by clicking the Stop Debugging button on the toolbar.