Chapter 9 - ImageListView Control

function OpenWin(url, w, h) { if(!w) w = 400; if(!h) h = 300; window.open(url, "_new", "width=" + w + ",height=" + h + ",menubar=no,toobar=no,scrollbars=yes", true); }

Chapter 9 - ImageListView Control

IN THIS CHAPTER

• Design

• Implementation

• Testing the OutlookBar Control

The OutlookBar control is nearly complete. All that remains is building the ImageListView control that can be hosted inside the OutlookBar control or any other ContainerControl derived class such as a Form or Panel.

The ImageListView control is built in four stages. The first stage involves creating a soft-control ScrollButton. This ScrollButton is used for scrolling the contents of the ImageListView. The next stage involves the creation of a small component used to track the individual items within the ImageListView control. This component, ImageListViewItem, is used to store and manage information about an individual item within the ImageListView control. Such information includes the text and image index for the item.

After the ScrollButton and ImageListViewItem components have been created, work will begin on the ImageListView control. The ImageListView control uses both the ScrollButton and ImageListViewItem components to create a graphical shortcut-style control. Each image, or ImageListViewItem, will act as a button allowing the user to select an item in a similar fashion to clicking a button control.

The final stage of the project involves the creation of a simple designer for the ImageListView control. The designer will only provide the necessary support for managing the control and tracking the removal of ImageListViewItems from the root designer.