1. Session 2
Trình bày : Võ Ngọc Đạt
Email : vongocdatit@gmail.com
Điện thoại : 0934.969.680
Slide 1 of 2109/20/13
Grouping and Graphic Controls
2. Slide 2 of 2609/20/13
Module Introduction
Windows Forms contains various controls, which you can use to create a graphical user
interface (GUI) of an application. One such category is values setting controls, which allow
you to select the required values from a list of values. Another category is of the grouping
controls, which enable you to organize the related controls in a group. Lastly, the other
category is of the graphic controls, which are used to display images on the Windows Forms.
3. Slide 3 of 3809/20/13
Value Setting Controls
Value setting controls are controls that allow you to select the desired values from a list of
values.
There are three types of value setting controls.
+ RadioButton
+ CheckBox
+ CheckedListBox
4. Slide 4 of 3809/20/13
"RadioButton" Control
The RadioButton control allows the user to select a single value from the given set of values.
5. Slide 5 of 3809/20/13
Property Description
Appearance Specifies or retrieves a value indicating the appearance of the control. The radio
button can appear as a normal button or as a Windows button.
AutoCheck Specifies or retrieves a value indicating whether the value of the Checked property
and the appearance of the control change automatically when the control is
clicked.
Checked Specifies or retrieves a value indicating whether the control is checked or not.
Image Specifies or retrieves the image appearing on the control.
Method Description
PerformClick Generates a Click event for the control,
imitating the click action by the user.
Select Activates the control.
Event Description
CheckedChanged Occurs when there is a change in the value of the Checked property.
Click Occurs when the radio button control is clicked.
7. Slide 7 of 3809/20/13
"CheckBox" Control
The CheckBox control allows you to accept multiple values from a list of values. This control
can be used when you want the user to choose one or more options.
8. Slide 8 of 3809/20/13
Property Description
Checked Specifies or retrieves a value indicating whether the control is
checked.
CheckState Specifies or retrieves the state of the control. The control has three
states Checked, Indeterminate, and
Unchecked.
ThreeState Specifies or retrieves a value indicating whether the control will allow
three checkstates instead of two.
Method Description
Select Activates the control.
Show Exhibits the control to the user.
Event Description
CheckedChanged Occurs when the Checked property of the control is changed.
CheckStateChanged Occurs when the CheckState property of the control is changed.
Click Occurs when the control is clicked.
10. Slide 10 of 3809/20/13
"CheckedListBox" Control
The CheckedListBox control is a control that allows you to accept multiple values from a
list. This control is similar to a ListBox control, but it displays each value in a list along with a
check box, which can be checked or unchecked.
11. Slide 11 of 3809/20/13
Property Description
CheckedIndices Indicates the collection of checked indexes in the control.
CheckedItems Indicates the collection of checked items in the control.
CheckOnClick Specifies or retrieves a value whether an item in the control should be ticked
when clicked.
Items Retrieves the collection of all the items in the control.
SelectedIndex Specifies or retrieves the zero-based index of the currently selected item in
the control.
SelectedItem Specifies or retrieves the currently selected item in the control.
SelectedItems Retrieves the collection of the currently selected items in the control.
Method Description
ClearSelected Unselects the items in the control.
GetItemChecked Retrieves a value, which indicates whether the specified item is checked.
GetItemText Retrieves the text of the specified item.
Event Description
ItemCheck Occurs when the checked state of an item changes.
SelectedlndexChanged Occurs when the Selectedlndex property of the control changes.
SelectedValueChanged Occurs when the SelectedValue property of the control changes.
13. Slide 13 of 3809/20/13
Grouping Controls
Grouping controls are controls that function as a container for other controls. They allow
you to logically organize controls in a group.
The common types of grouping controls are:
+ Panel
+ GroupBox
14. Slide 14 of 3809/20/13
Graphic Controls
Graphic controls are the controls that are used to display graphics on a form. The types of
graphic controls commonly used are:
+ PictureBox
+ ImageList
15. Slide 15 of 3809/20/13
"PictureBox" Control
A PictureBox control is used to display images on a form. You can display images as bitmap,
GIF, JPEG,or icon file format using this control.
A PictureBox control can be a container that can hold only a single image at a time.
16. Slide 16 of 3809/20/13
Property Description
Image Specifies or retrieves the image displayed by the control.
ErrorImage Specifies or retrieves the image to be displayed in the control, if an error has
occurred while the image is being loaded or the loading process has been cancelled.
SizeMode Specifies how the image is displayed in the control. The values for this property are
defined in the PictureBoxSizeMode enumeration, which are:
AutoSize: Fits the control automatically to the size of the image.
CenterImage: Displays the image in the center of the control, if the control's size
is larger than the image.
Strechlmage: Stretches the image to fit within the size of the control.
Method Description
Load Loads a graphic in the control.
17. Slide 17 of 3809/20/13
"ImageList" Component
The ImageList component in Windows Forms is used to store a collection of images. The
images stored in this component are displayed by other controls.
18. Slide 18 of 3809/20/13
Property Description
ColorDepth Specifies or retrieves the depth of the color of the image list.
Images Retrieves the ImageList. ImageCollection, which is a
collection of the image objects in the existing control.
Imagesize Specifies or retrieves the size of the images in the image list.
Name Specifies or retrieves the name of the ImageList control.
Method Description
Draw Draws the image.
Event Description
RecreateHandle Occurs when the handle is recreated when the depth value of the
image color changes.
19. Slide 19 of 3809/20/13
"SplitContainer" Control
The SplitContainer control allows you to create complex user interfaces by dividing the
form into two resizable panels, either horizontally or vertically.
The two panels are separated by a movable bar called as the splitter bar.
The SplitContainer control is used when you want to display the hierarchical information in
one panel and its sub-contents in another panel.
20. Slide 20 of 3809/20/13
Property Description
BorderStyle Specifies or retrieves the border style of the control using the BorderStyle enumeration.
FixedPanel Specifies or retrieves which panel of the control will not change in size when the
container is resized.
IsSplitterFixed Specifies or retrieves a value indicating whether the splitter present on the control is
fixed or movable.
Panell Retrieves the left or top panel of the control depending on the vertical or horizontal
orientation.
Panel2 Retrieves the right or bottom panel of the control depending on the vertical or horizontal
orientation.
Orientation Specifies or retrieves a value, which indicates the horizontal or vertical orientation of the
panels.
Method Description
On SplitterMoved Triggers the SplitterMoved event.
Event Description
SplitterMoved Occurs when the splitter is moved.
