A much easier to use ListView...
...that on Vista and later looks even nicer.
Put pretty graphics, buttons and descriptions on your list, to make your users love your application even more:
With a little work, you can even produce something from the halls of cool like this:
With even less work, you can put sparkly, eye candy animations onto your ListView:
[For those who noted that the above graphic lacks one of the fundamental requirements for an animation (namely animated-ness), CodeProject doesn't support animations within a page, so click here to see the actual animation.]
Foreword
All projects suffer creeping featurism. Things that start simple and elegant end up as the "before" image in a weight-loss ad. This control has grown considerably since it was first written. If you want to do something with a ListView, this control probably has some code to help you do it. For those in a hurry, this control has the following major features:
- It automatically transforms a collection of model objects in a fully functional
ListView, including automatically sorting and grouping. - It can easily edit the values shown in the
ListView. - It supports tri-state check-boxes (on, off, indeterminate), even in virtual mode, and on subitems.
- It supports heavily customisable tool tips for both cells and column headers.
- It can trivially produce nice reports from the
ListView. - It supports all
ListView views (report, tile, large and small icons). - It supports owner drawing, including rendering animated GIFs.
- Its columns can be fixed-width or limited to a minimum/maximum.
- It shows a highly customisable "list is empty" message when the list is empty (obviously).
- Its row height can be explicitly set.
- It supports user selection of visible columns by right clicking on the header.
- It supports columns that automatically resize to fill any unoccupied width.
- It supports hot tracking, with text font/color changes and with decorations.
- It supports image and text overlays, as well as arbitrary overlays (the personal information box) and decorations (the love hearts).
- It has extensive support for drag and drop.
- It supports hyperlinks in cells.
- It supports column headers can have checkboxes, images and even vertical text. They can also be styled according to the state (normal, hot and pressed states).
- It supports many group formatting options, including collapsible groups. Groups can be shown on virtual lists!
- It has a version (
TreeListView) which combines a tree structure with the columns of a ListView. - It has a version (
VirtualObjectListView) that supports millions of rows. - It has a version (
FastObjectListView) that can build a list of 100,000 objects in less than 0.1 seconds. - It has a version (
DataListView) that supports data binding, and another (FastDataListView) that supports data binding on large (100,000+) data sets. - It makes implementing your own virtual list simple through the
IVirtualListDataSource interface. - It supports filtering, including showing and highlighting rows that match a given string (including regex and prefix match).
- It supports animations on a cell, row or the whole list.
- Supports native background images with all their inherent limitations.
- It supports Excel-style filtering. [v2.5]
- It supports disabling rows [v2.8]
- Has data binding versions of each control.
- TreeListView supports hierarchical checkboxes.
This control has its own website, hosted by SourceForge: ObjectListView - How I Learned To Stop Worrying and Love .NET's ListView (made using the cool Sphinx documentation tool). This is not an empty shell site. It actually has lots of useful information. There you can find a step by step tutorial to help you get started, as well as a cookbook showing you how to accomplish common tasks. This article is only really an introduction.
Those who aren't in a hurry can now read the rest of the article.
Introduction
Larry Wall, the author of Perl, once wrote that the three essential character flaws of any good programmer were sloth, impatience and hubris. Good programmers want to do the minimum amount of work (sloth). They want their programs to run quickly (impatience). They take inordinate pride in what they have written (hubris).
ObjectListView encourages the vices of sloth and hubris, by allowing programmers to do far less work but still produce great looking results.
The ListView "problem"
I often find that I have a collection of objects which I want to present to the user in some sort of tabular format. It could be the list of clients for a business, a list of known FTP servers or even something as mundane as a list of files in a directory. User interface-wise, the ListView is the perfect control for these situations. However, I find myself groaning at the thought of using the ListView and secretly hoping that I can use a ListBox instead.
The reason for wanting to avoid the ListView is all the boilerplate code it needs to work: make the ListViewItems, add all the SubItems, catch the header click events and sort the items depending on the data type. Each of these tasks is slightly different for each instance of a ListView. If you want to support grouping, there's an even bigger chunk of boilerplate code to copy and then modify slightly.
For a basically lazy person, this is far too much work. ObjectListView was born to relieve this workload.
Features
An ObjectListView provides two groups of functionality. The first group is designed to make a ListView much easier to use. This group ranges from automatically converting a list of model objects into a fully functional ListView, to making drag and drop and cell editing much easier to use. The second group adds new features to a ListView, such as image overlays and customisable tooltips.
1. Basics of using an ObjectListView
1.1 First steps
There are two ways to use an ObjectListView in your project:
1. Use the ObjectListView project
- Download the ObjectListView bundle.
- Add the appropriate ObjectListViewNNNN project to your project (there is a different project for each version of Visual Studio). To do this, right click on your solution; choose "Add...", "Existing Project", then choose the correct version of ObjectListViewNNNN.csproj.
- In your project, add a reference to the ObjectListViewNNNN project (right click on your project; choose "Add Reference...", choose "Projects" tab; then double click on the ObjectListViewNNNN project).
- Build your project. If you get an error saying that NUnit could not be found, simply remove the TestsNNNN project from the solution.
Once your project has been built, there should now be a new section in your Toolbox, "ObjectListView Components". In that section should be ObjectListView and its friends. You can then drag an ObjectListView onto your window, and use it as you would a standard ListView control.
2. Use ObjectListView.dll
If you don't want to add the ObjectListView project to your project, you can also just add the ObjectListView.dll file.
- Download or build the ObjectListView.dll file.
- In your project, add a reference to the ObjectListView.dll (right click on your project; choose "Add Reference...", choose "Browse" tab; navigate to the ObjectListView.dll file and double click on it).
Adding the DLL does not automatically add any new components into your toolbox. You will need to add them manually after you have added the DLL to your project.
1.2 Making it go
"Simple things should be simple. Complex things should be possible."
The major design goal of ObjectListView is to make the programmer's life simpler. However, this control provides a lot of functionality, and it can be overwhelming if you try to absorb it all at once. It's best to start with the foundational ability of an ObjectListView: it generates a fully functional ListView from a list of model objects. Usually the control is configured within the IDE (setting properties and creating columns) and then, with a single line of code, it is put into action like this:
<span id="ArticleContent">this.objectListView1.SetObjects(allPeople);</span>
And that is it!
Simple, fast, uncomplicated, non-fattening and without a single line of boilerplate code. Without further work, this ObjectListView is a fully functional ListView and will handle drag and drop, alternate line colouring, column-click sorting, data formatting, grouping and possibly editing too. The "Simple Example" tab in the demo project shows what is possible with only IDE configuration and this one line of code.
2. Giving a little more detail
2.1 Behind SetObjects()
What is actually happening here? When you call SetObjects(), the ObjectListView runs through the given list of model objects, extracts the aspect nominated for each column, converts that aspect to a string, and then puts those strings together to make a row in the ListView. For those who think in pictures, you can visualize the process like this:
2.2 Unlearn you must
For those of you who have struggled with a ListView before, you must unlearn. An ObjectListView is not a drop in replacement for a ListView. If you have an existing project, you cannot simply create an ObjectListView instead of creating a ListView. An ObjectListView needs a different mind-set. If you can perform the mind-mangling step of changing your thinking, ObjectListView will be your best friend.
An ObjectListView is much more active than a plain ListView. A normal ListView is essentially passive: it sits there, and you poke and prod it and eventually it looks like you want. With an ObjectListView you tell it what you want done and the ObjectListView does it for you. More formally: An ObjectListView is used declaratively. You configure the ObjectListView, give it your collection of model objects, and the ObjectListView builds the ListView for you.
The crucial part of using an ObjectListView is configuring it. Most of this configuration can be done within the IDE by setting properties on the ObjectListView itself or on the columns that are used within the list. Some configuration cannot be done through properties: these more complex configurations are done by responding to events or by installing delegates (more on this later). Once the columns and control are configured, putting it into action is simple, as you have already seen: a single call to SetObjects().
Beware of ListViewItems. You never need to add ListViewItems to an ObjectListView. If you find yourself adding things to the Items collection, creating ListViewItems, or adding sub-items to anything, then you need to stop — you are being seduced to the dark side. An ObjectListView does all that work for you. It owns the ListViewItems, and destroys, changes and builds them as required from the information you have given. Resist the temptation to add/edit/sort or otherwise mess with ListViewItems — it will not work.
There is also no need to hide information in a ListViewItem. Old style ListView programming is often required attaching a key of some sort to each ListViewItem, so that when the user did something with a row, the programmer would know which model object that row was related to. This attaching was often done by creating one or more zero-width columns, or by setting the Tag property on the ListViewItem. With an ObjectListView, you do not need to do this anymore. The ObjectListView already knows which model object is behind each row. In many cases, the programmer simply uses the SelectedObjects property to find out which model objects the user wants to do something to.
2.3 Adding complexity: images
A single call to SetObjects() is all well and good, but real-world applications need more than just sorting and grouping. They need at least a little image in the first column.
The obvious first enhancement to this simple example is to display images in the ListView. To do that, we need to configure the ObjectListView so it knows what image to show against each row. This normally cannot be done within the IDE. Very often the image to be shown depends on the model object being displayed. To decide on an image, we need a more complex type of configuration: installing a delegate.
A delegate is basically a piece of code that you give to an ObjectListView saying, "When you need to do this, call this piece of code" where this can be any of several tasks. In this case, we install an ImageGetter delegate, which tells the ObjectListView, "When you need to figure out the image for this model object, call this piece of code." [If the word "delegate" worries you, think of them as function pointers where the parameter and return types can be verified. If that makes no sense to you, just keep reading. It will (possibly) become clear with some examples.]
First, you need a method that matches the ImageGetterDelegate signature: it must accept a single object parameter and returns an object. The value returned from the ImageGetter delegate is used as an index into the ObjectListView's SmallImageList. As such, the ImageGetter can return either a string or an int. (If the ObjectListView is owner-drawn, the ImageGetter can also return an Image).
A somewhat frivolous example follows:
<span id="ArticleContent">object PersonColumnImageGetter (object rowObject) {
Person p = (Person)rowObject;
if ("AEIOU".Contains(p.Name.Substring(0, 1)))
return 0;
else if (p.Name.CompareTo("N") < 0)
return 1;
else
return 2;
};</span>
To install it, you do this:
<span id="ArticleContent">this.personColumn.ImageGetter = new
ImageGetterDelegate(this.PersonColumnImageGetter);</span>
In VB:
<span id="ArticleContent">this.personColumn.ImageGetter = New
ImageGetterDelegate(AddressOf PersonColumnImageGetter)</span>
.NET 2.0 added the convenience of anonymous delegates (to C# at least - VB programmers still have to write separate functions). In an anonymous delegate, the code for the function is inlined, like this:
<span id="ArticleContent">this.personColumn.ImageGetter = delegate (object rowObject) {
Person p = (Person)rowObject;
if ("AEIOU".Contains(p.Name.Substring(0, 1)))
return 0;
else if (p.Name.CompareTo("N") < 0)
return 1;
else
return 2;
};</span>
Anonymous delegates save you from having to add lots of little methods to your class. However, if the anonymous delegates start to become too big or if you find yourself copying them verbatim from one place to another, it's a good sign that you need to put some new methods on your model class.
[v2.3] If your model class has a property which can return the name or the index of the image that should be shown, you don't need to install a delegate. You can set the ImageAspectName property to the name of that property. But this is crossing the line between model and view, so I'm not encouraging this practice, just pointing out that it's possible.
2.4 Other customizations
ObjectListView uses a combination of events and delegates to allow further, more complex customizations. All of the following can be customized through delegates:
- The way the aspect is extracted from the model object of the row:
OLVColumn.AspectGetter. If there is no method or property on the model that will give the data that you want to show, you can install an AspectGetter delegate to calculate the information. - The way the aspect is converted to a
string: OLVColumn.AspectToStringConverter. Without an installed delegate, this is done using the ToString() method. The delegate can do whatever it likes. - The way an edited value is put back into the model object:
OLVColumn.AspectPutter. - The way the group key for this row is calculated:
OLVColumn.GroupKeyGetter. A group key is simply a value used to partition all of the model objects into groups. All of the model objects with the same group key are put into the same group. - The way a group key is converted into a group title:
OLVColumn.GroupKeyToTitleConverter. - The way check boxes are calculated and stored:
OLVColumn.CheckStateGetter and CheckStatePutter.
ObjectListView provides many events, which allow the programmer to customize its behaviour. Have a look at events available in the IDE. Some commonly used events are:
FormatRow and FormatCell events are raised when each row and cell is added to the control. These give the programmer the chance to format the row or cell as they desire. CellToolTipShowing and HeaderToolTipShowing events which allow the tooltip for a cell or for a header to be configured. SelectionChanged is raised once whenever the user selects a row (in contrast, the standard SelectedIndexChanged event can be raised hundreds of times when the user selects a new item).
The complex example tab in the demo project has examples of using all of these delegates. For example, turn on "Show Groups" and click on the "Cooking Skill" or "Hourly Rate" column to see what's possible.
2.5 Data unaware
The control is written to be data-agnostic. It doesn't care what type of data it is working on. The only requirement is that the object passed to the SetObjects method must support the IEnumerable interface, which isn't too heavy a requirement. This means that it works equally well with an ArrayList, a DataTable or a list of compiler errors returned from CompilerResults.Errors. For example, to display information from DataTable, you could install AspectGetter delegates like this:
<span id="ArticleContent"><span>columnName.AspectGetter =
delegate(object row) { return ((DataRow)row)["Name"]; };
columnCompany.AspectGetter =
delegate(object row) { return ((DataRow)row)["Company"]; };
columnAge.AspectGetter =
delegate(object row) { return ((DataRow)row)["Age"]; };</span></span>
Then install the table like this:
<span id="ArticleContent"><span>this.objectListView1.SetObjects(ds1.Tables["Persons"].Rows);</span></span>
Note that this code installed the Rows, not the DataTable itself.
Actually, you would not have to define AspectGetters to do this. It would be enough to set columnName.AspectName to "Name" and the ObjectListView would be able to extract the indexed property from the DataRow. But the example still works as it stands.
3. Flavours of ObjectListView
3.1 A little more data aware — DataListViews
In response to intense public demand — OK, a couple of people asked for it — there is a DataListView class. This is a data-bindable version of ObjectListView which accepts various kinds of data sources and populates the list with data from that source.
For those programmers for whom even one line of code is too much, DataListView can be configured completely within the IDE. Give it a DataSource, set up the columns and it will simply work. DataListView also listens for ListChanged events on its data source and uses those to keep its list in sync with the contents of the data source. Add a new row to the data table and it will automatically appear in the ListView! Edit a value in the DataListView and the change automatically appears in the DataTable!
The DataListView can accept several types of objects as data sources:
DataView DataTable DataSet DataViewManager BindingSource
To use DataListView, you give each column the name of the data column you want it to display in the AspectName property. Then set the DataSource member to your data source. That's it! Even more slothfulness! So, we could accomplish the same thing as the "data unaware" example above by configuring AspectNames for the columns and then setting the data table directly, like this:
<span id="ArticleContent"><span>this.dataListView1.DataSource = ds1.Tables["Persons"];</span></span>
Alternatively, for the monumentally slothful, the whole thing could be done through IDE configuration. Set the AspectName property on the columns; set the DataSource property to the appropriate dataset and then set the DataMember property to tell which table from the dataset you want to show. Hey, presto, a fully functional data set viewer. All without writing a single line of code.
[2.5] There is a now FastDataListView, which combines the ease of use of a DataListView with the speed of a FastObjectListView. This basically manages a datasets through a virtual list. On my mid-range laptop, it can handle data sets of 100,000+ rows effortlessly.
3.2 You want how many rows in that ListView?! — VirtualObjectListView
If you've ever wanted to thoroughly overwhelm your users with 10 million rows of data, then go ahead and knock them out with VirtualObjectListView.
Let's get this out of the way first: ListViews are NOT good interfaces for large number of items. There aren't any. If you are trying to show a ListView that has 10 million rows, you need to rethink your interface. However, if you really have to use a ListView with that many rows, then VirtualObjectListView is your answer.
Normally ObjectListView keeps a list of model objects that it can read, sort or group at will. An VirtualObjectListView does not keep such a list. Instead, it only fetches model objects when they need to be displayed. For large lists, this is a massive reduction in resources. If the user never looks at the 4-millionth row, the VirtualObjectListView will never ask for it, so the program will never have to create it.
To use a VirtualObjectListView, you must implement an IVirtualListDataSource and give that data source to the virtual list (via the VirtualListDataSource property). Using that interface, the virtual list can then function just like a full-fledged ObjectListView. The only things a virtual list still can't do are: it can't show groups and it can't use tile view. But otherwise they should operate in the same way as a normal ObjectListView, including sorting, check boxes, and searching through typing.
If you don't want to implement all the methods of IVirtualListDataSource, you can subclass AbstractVirtualListDataSource which is a "do-nothing" implementation of that interface. At very least, you must implement GetObjectCount() and GetNthObject(), otherwise nothing will appear in the list.
Although it isn't documented, .NET virtual ListViews cannot have checkboxes. VirtualObjectListView codes around this limitation, but you must use the functions provided by ObjectListView: CheckedObjects, CheckObject(), UncheckObject() and their friends. If you use the normal check box properties (CheckedItems or CheckedIndicies), they will throw an exception, since the ListView is in virtual mode, and .NET "knows" it can't handle checkboxes in virtual mode.
3.3 A much faster ListView — FastObjectListView
So far, ObjectListView has been catering to the slothful, those of us who want to do the least work and get the most results. If impatience is your key character flaw, then the FastObjectListView is for you. In exchange for losing a few features, you gain a great amount of speed.
How fast is it? On my low-range laptop, a normal ObjectListView builds a list of 10,000 objects in about 10 seconds. A FastObjectListView builds the same list in less than 0.1 seconds.
What do you lose? With a FastObjectListView, you cannot use Tile view and if you are on XP, you cannot show groups. Apart from that, all features of ObjectListView are available in the FastObjectListView. From v2.3 onwards, when running on Vista or later, FastObjectListViews can show groups. Simply set ShowGroups to true, and the control will handle groups in the same fashion as a normal ObjectListView.
3.4 Tree hugging — TreeListView
From time to time, there are situations when you want to show a tree structure (like a TreeView), but you also want to show more than information about the items than just their name (like a ListView). Enter the TreeListView. It shows a tree structure with its nice ability to expand and collapse, but also shows information in columns:
Like all the other ObjectListViews, TreeListView relies on delegates. The two essential delegates for using a TreeListView are:
-
to know if a given model can be expanded: CanExpandGetter delegate.
-
to get the children of a model when it is expanded: ChildrenGetter delegate.
In the demo, there is an Explorer like example, which navigates the disks on the local computer. The tree list view in that demo is configured like this:
<span id="ArticleContent"><span>this.treeListView.CanExpandGetter = delegate(object x) {
return (x is DirectoryInfo);
};
this.treeListView.ChildrenGetter = delegate(object x) {
DirectoryInfo dir = (DirectoryInfo)x;
return new ArrayList(dir.GetFileSystemInfos());
}; </span></span>
In this example, the CanExpandGetter delegate ensures that only directories can be expanded.
The ChildrenGetter delegate returns the contents of a directory when that directory is expanded. ChildrenGetter delegates are only ever called if CanExpandGetter returns true. So in this case, the ChildrenGetter delegate knows that the parameter x must be a DirectoryInfo instance.
To make it work, you must add some "roots" (top level objects). You can do this either by setting the Roots property to a collection of model objects, or you can just call SetObjects() like normal. On a TreeListView, SetObjects(), AddObject() and RemoveObject() all apply to the collection of roots.
To refresh the list of children under a model, you call RefreshObject() on the parent.
TreeListView works best when there is a significant overlap of information between branches and the leaf nodes. They have to share the same columns. They also work when the branches have no information apart from their name and the columns are really only used for the leaf nodes. They do not work so well when you want to show several bits of information about branches and other bits of information about leaf nodes, with little overlap between the two. They look silly because of all the empty cells.
3.5 Casting out the casts — TypedObjectListView
One annoyance with ObjectListView is all the casting that is needed. Because the ObjectListView makes no assumptions about what sort of model objects you will be using, it handles all models as objects and it's up to you to cast them to the right type when you need to. This leads to many delegates starting with a cast like this:
<span id="ArticleContent"><span>this.objectListView1.SomeDelegate = delegate(object x) {
MyModelObject model = (MyModelObject)x;
...
}</span></span>
which becomes tiresome after a while. It would be nice if you could tell the ObjectListView that it would always be displaying, say, Person objects. Something like:
<span id="ArticleContent"><span>this.objectListView1 = new ObjectListView<Person>();
this.objectListView1.SomeDelegate = delegate(Person model) {
...
}</span></span>
Unfortunately, the designer in Visual Studio cannot handle parameterized controls like that. [I remember reading that in an Microsoft blog somewhere, but I can't find it again. There are a couple of knowledgeable people who says that it can't - here for example. If someone knows if this is a documented decision, could you please let me know.] There are a couple of tricks to get around some of the most obvious problems, but they all hit a wall with the code generation.
So, in the meantime, we now have a TypedObjectListView class. This is not another ObjectListView subclass, but rather it's a typed wrapper around an existing ObjectListView. To use one, you create an ObjectListView within the IDE as normal. When it is time to implement your delegates, you create a TypedObjectListView wrapper around your list view, and declare your delegates against that wrapper. It's easier to use than it is to explain, so look at this example:
<span id="ArticleContent"><span>TypedObjectListView<Person> tlist = new TypedObjectListView<Person>(this.listViewSimple);
tlist.BooleanCheckStateGetter = delegate(Person x) {
return x.IsActive;
};
tlist.BooleanCheckStatePutter = delegate(Person x, bool newValue) {
x.IsActive = newValue;
return newValue;
}; </span></span>
Look ma! No casts! The delegates are declared against the typed wrapper, which does know what model objects are being used.
You can also use the TypedObjectListView for typed access to the delegates on your columns:
<span id="ArticleContent"><span>tlist.GetColumn(0).AspectGetter = delegate(Person x) { return x.Name; };
tlist.GetColumn(1).AspectGetter = delegate(Person x) { return x.Occupation; }; </span></span>
If you don't like referring to columns by their index, you can create TypedColumn objects around a given ColumnHeader object:
<span id="ArticleContent"><span>TypedColumn<Person> tcol = new TypedColumn<Person>(this.columnHeader16);
tcol.AspectGetter = delegate(Person x) { return x.GetRate(); };
tcol.AspectPutter = delegate(Person x, object newValue) { x.SetRate((double)newValue); }; </span></span>
The final feature of a TypedObjectListView is that it can automatically generate an AspectGetter for a column from its AspectName. So, rather than hand-coding AspectGetters like we have done above, you simply configure the AspectName in the IDE, and then call tlist.GenerateAspectGetters(). This can (should?) handle aspects of arbitrary complexity, like "Parent.HomeAddress.Phone.AreaCode".
4. Other features
4.1 Fixed-width and restricted-width columns
Sometimes it makes no sense to allow the user to resize a column. A column that simply shows a 16x16 status icon has no reason to be resizable. Extending this idea one step further, you can imagine cases where a column should not be less than a given size or wider than a maximum size. So, it would be good if we could give columns a minimum and a maximum width. Setting the same value for both would give a fixed-sized column.
However, controlling the resizing of columns turns out to be a non-trivial problem. It is easy to find examples of fixing the width of all columns in a ListView: Chris Morgan has a nice implementation available here. Unfortunately, that technique cannot be used to restrict individual column widths. In fact, I could not find any example anywhere of how to restrict a column width to be within a given range.
Regardless, columns can be given a MinimumWidth and a MaximumWidth. Even within the IDE, these settings will prevent the user from setting the width of the column to outside of the given values. See below for a more detailed discussion of the complexities and potential limitations of my implementation.
4.2 Auto-resizing columns
There are situations where it would be nice if a column (normally the rightmost one) would expand as the listview expands, so that as much of the column was visible as possible without having to scroll horizontally (you should never, ever make your users scroll anything horizontally!). A free space filling column does exactly that. The "Comments" column in the Simple tab of the demo shows this in action.
When an ObjectListView is resized, the space occupied by all the fixed width columns is totaled. The difference between that total and the width of the control is then shared between the free space filling columns. If you only have one such column, it is given all the space; if you have two, each is given half the space.
Be a little cautious with these space filling columns. Their behaviour is not standard and can sometimes be quite surprising, especially if the columns aren't the right most columns. One surprise is that these columns cannot be resized by dragging their divider — their size depends on the free space available in the ListView.
4.3 Reports from ListViews
Now that you've gone to all that work to make a very pretty ListView, wouldn't it be nice if you could just print it? Yes, I know there is always the PrntScrn key, but I have noticed that some upper management do not think very highly of that as a reporting solution.
The ListViewPrinter is the answer to your printing problem. Configure an instance of it in the IDE (the ListView property controls which list is printed) and then call:
<span id="ArticleContent"><span>this.listViewPrinter1.PrintPreview();</span></span>
Thus, for nothing you can have a very pretty report that looks like this one.
Admittedly, the formatting in this example is too much, but you can modify all the formatting to suit your tastes. See the demo for some more sedate examples and read the code to see how to make it work. It really is very cool.
This is a logically separate piece of code, so it lives in its own project. If you want to use it, you will need to add to your project either the ListViewPrinter project itself or the ListViewPrinter.dll file. The procedure is the same as for the ObjectListView project given in the First Steps section above.
4.4 Cell editing
ListViews are normally used for displaying information. The standard ListView allows the value at column 0 (the primary cell) to be edited, but nothing beyond that. ObjectListView allows all cells to be edited. Depending on how the data for a cell is sourced, the edited values can be automagically written back into the model object.
The "editability" of an ObjectListView is controlled by the CellEditActivation property. This property can be set to one of the following values:
CellEditActivateMode.None - The ObjectListView cannot be edited (this is the default). CellEditActivateMode.SingleClick - Subitem cells will be edited when the user single clicks on the cell. Single clicking on the primary cell does not start an edit operation - it selects the row, just like normal. Editing the primary cell only begins when the user presses F2. CellEditActivateMode.DoubleClick - Double clicking on any cell, including the primary cell, will begin an edit operation. In addition, pressing F2 will begin an edit operation on the primary cell. CellEditActivateMode.F2Only - Pressing F2 begins an edit operation on the primary cell. Clicking or double clicking on subitem cells does nothing.
Individual columns can be marked as editable via the IsEditable property (default value is true), though this only has meaning once the ObjectListView itself is editable. If you know that the user should not be allowed to change cells in a particular column, set IsEditable to false. Be aware, though, that this may create some UI surprises (resulting in complaints like "How come I can't edit this value by clicking on it like I can on all the other cells?"). You have been warned.
Once a cell editor is active, the normal editing conventions apply:
- Enter or Return finishes the edit and commits the new value to the model object.
- Escape cancels the edit.
- Tab commits the current edit, and starts a new edit on the next editable cell. Shift-Tab edits the previous editable cell.
4.4.1 How cells are edited and how you can customise it
The default processing creates a cell editor based on the type of the data in the cell. It can handle bool, int, string, DateTime, float and double data types. When the user has finished editing the value in the cell, the new value will be written back into the model object (if possible).
To do something other than the default processing, you can listen for two events: CellEditStarting and CellEditFinishing.
The CellEditStarting event is triggered after the user has requested to edit a cell but before the cell editor is placed on the screen. This event passes a CellEditEventArgs object to the event handlers. In the handler for this event, if you set e.Cancel to true, the cell editing operation will not begin. If you don't cancel the edit operation, you will almost certainly want to play with the Control property of CellEditEventArgs. You can use this to customise the default editor, or to replace it entirely.
For example, if your ObjectListView is showing a Color in a cell, there is no default editor to handle a Color. You could make your own ColorCellEditor, set it up correctly, and then set the Control property to be your color cell editor. The ObjectListView would then use that control rather than the default one. If your cell editor has a read/write property called Value, ObjectListView will use that to get and put the cell value into the control. If it doesn't, the Text property will be used instead.
When the user wants to finish the edit operation, a CellEditFinishing event is triggered. If the user has cancelled the edit (e.g. by pressing Escape), the Cancel property will already be set to true. In that case, you should simply cleanup without updating any model objects. If the user hasn't cancelled the edit, you can by setting Cancel to true — this will force the ObjectListView to ignore any value that the user has entered into the cell editor.
No prizes for guessing that you can refer to the Control property to extract the value that the user has entered and then use that value to do whatever she or he wants. During this event, you should also undo any event listening that you have setup during the CellEditStarting event.
You can prevent the cell edit operation from finishing (e.g. if the value the user has entered isn't acceptable) by listening for the CellEditValidating event. If the handler for this event sets Cancel to true, the edit operation will NOT finish and the editor will remain on the screen. Please make sure you have made it clear to the user why the edit operation hasn't finished.
You can look in the demo at listViewComplex_CellEditStarting() and listViewComplex_CellEditFinishing() to see an example of handling these events.
4.4.2 Updating the model object
Once the user has entered a new value into a cell and pressed Enter, the ObjectListView tries to store the modified value back into the model object.
There are three ways this can happen:
- You create an event handler for the
CellEditFinishing event, write the code to get the modified value from the control, put that new value into the model object, and set Cancel to true so that the ObjectListView knows that it doesn't have to do anything else. You will also need to call at least RefreshItem() or RefreshObject(), so that the changes to the model object are shown in the ObjectListView. There are cases where this is necessary, but as a general solution, it doesn't fit my philosophy of slothfulness. - You give the corresponding
OLVColumn an AspectPutter delegate. If supplied, this callback will be invoked with the model object and the new value that the user entered. This is a neat solution. - If the column's
AspectName is the name of a writable property, the ObjectListView will try to write the new value into that property. This requires no coding and certainly qualifies as the most slothful solution. But it only works if AspectName contains the name of a writable property. If the AspectName is dotted (e.g. Owner.Address.Postcode) only the last property needs to be writable.
If none of these three things happen, the user's edit will be discarded. The user will enter her or his new value into the cell editor, press Enter, and the old value will be still be displayed. If it seems as if the user cannot update a cell, check to make sure that one of the three things above is occurring.
All aspects of cell editing are described in further details on this page.
4.5 (Owner) Drawn and quartered
Remember that can of worms I didn't want to open? Owner drawing the ListView? Well, one afternoon when I had too little to do (ha!), I decided that it really couldn't be too bad and I got out my can opener. Several evenings later, I could only confirm my original estimate: owner drawing is a can of worms. It should be easy. It should just work. But it doesn't.
Regardless, ObjectListViews can now be owner-drawn and it is owner drawing on steroids! Like most of ObjectListView, owner drawing is accomplished by installing a delegate. Inside the renderer delegate, you can draw whatever you like:
<span id="ArticleContent"><span>columnOD.RendererDelegate = delegate(DrawListViewSubItemEventArgs e,
Graphics g, Rectangle r, Object rowObject) {
g.FillRectangle(new SolidBrush(Color.Red), r);
g.DrawString(((Person)rowObject).Name, objectListView1.Font,
new SolidBrush(Color.Black), r.X, r.Y);
}</span></span>
Installing a delegate works fine, but there are numerous utility methods that are useful within such a delegate. Is the row currently selected? What colour should the background be? The BaseRenderer class encapsulates these utilities. To make your own Renderer class, you must subclass BaseRenderer, override the Render(Graphics g, Rectangle r) method and again draw whatever you like, only this time you have a lot of nice utility methods available to you. There are a couple of subclasses of BaseRenderer already available for use.
| Class | Purpose | Example |
BarRenderer | This is a simple-minded horizontal bar. The row's data value is used to proportionally fill a "progress bar." | |
MultiImageRenderer | This renderer draws 0 or more images based on the row's data value. The 5-star "My Rating" column on iTunes is an example of this type of renderer. | |
MappedImageRenderer | This renderer draws an image decided from the row's data value. Each data value has its own image. A simple example would be a Boolean renderer that draws a tick for true and a cross for false. This renderer also works well for enums or domain-specific codes. | |
ImageRenderer | This renderer tries to interpret its row's data value as an image or as a collection of images. Most typically, if you have stored Images in your database, you would use this renderer to draw those images. If the cells data value is an ICollection that contains strings, ints or Images, then all those images will be drawn. | |
FlagsRenderer | This renderer draws 0 or more images within its cell. The cells data value should be a collection of bitwise flags, that indicate which images should be drawn. See the demo for an example of how to use it. | |
To use any of these renderers or your own custom subclass, you assign an instance of them to a column's Renderer property, like this:
<span id="ArticleContent"><span>colCookingSkill.Renderer = new MultiImageRenderer(Resource1.star16, 5, 0, 40);</span></span>
This means that the cooking skill column will draw up to 5 of the star16 images, depending on the data value. The renderer expects data values in the range 0 to 40. Values of 0 or less will not draw any stars. Values of 40 or more will draw 5 stars. Values in between will draw a proportional number of stars.
As of v2.0, Renderers are now Components, which means they can created and manipulated within the IDE. So, to use a MultiImageRenderer like the above, you would create one within the IDE, configure its properties to be as you can, and then assign it to the column's Renderer property.
4.5.1 Things to remember about owner drawing
Owner drawing only happens when you turn on the OwnerDrawn mode. So, you can only see your custom renderer when the ObjectListView is in owner-drawn mode.
Rows in list views are always of fixed height and calculated from the ListView font and/or the height of the image lists. Row height can be set using the RowHeight property. You cannot have rows of differing heights — it simply cannot be done with a ListView.
It is obvious, but easily overlooked, that owner drawing is slower than non-owner drawing. Owner drawing requires a lot more work than native drawing. Again, for small lists, the difference is not significant. However, it can be noticeable when a large number of redraws is necessary. For example, go to the "Virtual List" tab on the demo and drag the scroll thumb down to the bottom. Now turn on OwnerDraw and do it again. Quite a difference!
4.6 Taking the drag out of drag and drop
As of v2.2, ObjectListView now has reasonably sophisticated support for drag and drop operations.
4.6.1 Using an ObjectListView as a drag source
If you want the user to be able to drag rows out of an ObjectListView, you set the DragSource property. This property accepts an object that implements the IDragSource interface. It will often be enough to use an instance of SimpleDragSource:
<span id="ArticleContent"><span>this.objectListView1.DragSource = new SimpleDragSource();</span></span>
This drag source remembers the currently selected rows, and equips the drag data object with text and HTML versions of those rows. With that simple drag source, you can select 10 rows from an ObjectListView and drag them onto Microsoft Word to create a formatted table of those rows. You can also drag rows onto other ObjectListViews, which will normally be what you want.
From within the IDE, you can set IsSimpleDragSource to true to make your ObjectListView into a drag source using a SimpleDragSource.
4.6.2 Using an ObjectListView as a drop sink
Accepting drops from other sources is a little more complicated, but is handled in similar manner. If you want the user to be able to drop stuff onto an ObjectListView, you set the DropSink property. This property accepts an object that implements the IDropSink interface. In many cases, you will use an instance of SimpleDropSink.
<span id="ArticleContent"><span>this.objectListView1.DropSink = new SimpleDropSink();</span></span>
From within the IDE, you can set IsSimpleDropSink to true to do make your ObjectListView into a drop sink. A DragSource needs no further information, but a DropSink needs to know at least two other things:
- Can the currently dragged objects be dropped at the current location?
- If the objects are dropped, what should happen next?
If you use a SimpleDropSink, the ObjectListView will trigger two events to handle these situations: a CanDrop event and a Dropped event. To actually be useful, you need to handle these events. You can set up handlers for these events within the IDE, like normal.
You can alternatively listen for the ModelCanDrop and ModelDropped events. This second pair of events are triggered when the source of the drag is another ObjectListView. These events work the same as the CanDrop and Dropped events except that the argument block includes more information:
- The
ObjectListView that initiated the drag - The model objects are being dragged
- The model object is current target of the drop
A SimpleDropSink is actually quite sophisticated. It can be configured in several ways. Have a look at the code to see more options.
DropSink configuration options | Allow drops on the background:
<span id="ArticleContent"><span>myDropSink.CanDropBetween = true;</span></span>
| |
| Allow drops between items:
<span id="ArticleContent"><span>myDropSink.CanDropBetween = true;</span></span>
| |
| You can even drop on subitems:
<span id="ArticleContent"><span>myDropSink.CanDropOnSubItems = true;</span></span>
| |
| And change highlight colour just to be different:
<span id="ArticleContent"><span>myDropSink.FeedbackColor = Color.IndianRed;</span></span>
| |
You can learn more about drag and drop, including how to write your own drop sink from scratch on this page.
4.7 Collapsible groups
The most frequently requested feature is collapsible groups. I want it; you want it; your great aunt Mildrid who lives in Wollongong wants it. Unfortunately, with the current ListView it is just not possible: groups cannot be collapsed — on XP. But on Vista, this most commonly requested feature is a reality. It is enabled by default, so under Vista, groups are automatically collapsible. If you don't want your groups to be collapsible, set HasCollapsibleGroups to false. Thanks to Crustyapplesniffer who implemented this feature.
4.8 Groups on steroids
In v2.3, groups received a major overhaul. No longer content with just being collapsible, groups can now have a title image, a subtitle, a task (that clickable link on the right), and footers. When done well, this can make your listview look very nice indeed:
This extended formatting can be setup during the AboutToCreateGroup event. Alternatively, you can use the extended version of the MakeGroupies() method, which allows all these new properties to be configured. The above screenshot was configured with one MakeGroupies() call:
<span id="ArticleContent"><span>this.columnCookingSkill.MakeGroupies(
new object[]{10, 20, 30, 40},
new string[] {"Pay to eat out", "Suggest take-away", "Passable", "Seek dinner invitation", "Hire as chef"},
new string[] { "emptytoast", "hamburger", "toast", "dinnerplate", "chef" },
new string[] {
"Pay good money -- or flee the house -- rather than eat their homecooked food",
"Offer to buy takeaway rather than risk what may appear on your plate",
"Neither spectacular nor dangerous",
"Try to visit at dinner time to wrangle an invitation to dinner",
"Do whatever is necessary to procure their services" },
new string[] { "Call 911", "Phone PizzaHut", "", "Open calendar", "Check bank balance" }
);</span></span>
These group formatting facilities are only available on Vista and later. On XP, groups can only have a header.
4.9 Customisable "List is empty" message
When an ObjectListView is empty, it can display a "this list is empty" type message. The EmptyListMsg property holds the string that appears when an ObjectListView is empty. This string is rendered using the EmptyListMsgFont. Both of these properties can be configured within in the IDE.
But if you want to write a little bit of code, you can have much more interesting messages. The empty list message is actually implemented as an overlay. You can access that overlay though the EmptyListMsgOverlay property. By default, this is a TextOverlay that you can customise to your hearts content:
<span id="ArticleContent"><span>TextOverlay textOverlay = this.objectListView1.EmptyListMsgOverlay as TextOverlay;
textOverlay.TextColor = Color.Firebrick;
textOverlay.BackColor = Color.AntiqueWhite;
textOverlay.BorderColor = Color.DarkRed;
textOverlay.BorderWidth = 4.0f;
textOverlay.Font = new Font("Chiller", 36);
textOverlay.Rotation = -5;</span></span>
Doing this gives a message like this:
4.10 Hyperlinks
ObjectListViews can now treat cells as hyperlinks. To do this, set UseHyperlinks to true of the ObjectListView, and then set Hyperlink property of OLVColumn to true to make all the cells in that column behaves as hyperlinks.
If you don't want all cells to be hyperlinks, you can listen for the IsHyperlink event (in the above shot, occupation that start with "s" are not hyperlinks). In this event, you can specify what URL will be attached to that cell. By default, the URL is the text of the cell. If you set the URL to null that cell will not be treated as a hyperlink. If you are already listening for the FormatCell you could set up the URL in that event too.
The formatting of the hyperlinks is controlled by the HyperlinkStyle property of ObjectListView. You can create and configure a HyperLinkStyle within the IDE, and then assign it to your ObjectListView. The same style can be assigned to multiple ObjectListViews. In 95% of cases, the default styling will suffice.
When a hyperlink is clicked, a HyperlinkClicked event is triggered. If you handle this yourself, set Handled to true to prevent the default processing from occurring. If you don't handle it, the default processing is to try and open the associated URL.
Be careful about making column 0 to be a hyperlink. If it is, every time a user clicks a row trying to select it, it will open a browser window, which would become annoying very quickly.
4.11 Header formatting
4.11.1 Header styles
In v2.4, the headers of an ObjectListView became fully style-able. If ObjectListView.HeaderUsesTheme is true (the default), the header will be drawn according to the OS's current theme and will ignore any header style. If this is false, the headers will be formatted according to their given header format style.
You can set the style for all columns at once (through ObjectListView.HeaderFormatStyle) or for just one column (through OLVColumn.HeaderFormatStyle). A style given to a specific column takes precedence over one given to the control as a whole. Like other styles, HeaderFormatStyles can be created, configured and assigned within the IDE.
Header styles allow a different appearance for each state of the header:
Normal controls how the header appears when nothing else is happening to it. Hot controls how the header appears when the mouse is over the header. This should be a slight, but still noticeable, shift from the normal state. Pressed controls how the header appears when the user has pressed the mouse button on the header, but not yet released the button. This should be a clear visual change from both the normal and hot states.
For each state, the header format allows the font, font color, background color and frame to be specified. If you combine these attributes badly, you can produce some truly dreadful designs, but when well used, the effect can be pleasant.
Header format styles | Scheme | Normal | Hot | Pressed |
|
| XP Theme | | | |
|
| House of cool | | | |
4.11.2 Header Word Wrap
There is also HeaderWordWrap on ObjectListView which allows the text within a header to be word wrapped. So, if you are feeling sadistic, you can inflict something like this on your users:
4.11.3 Vertical text
If you have a narrow column and want to save some horizontal space, you can set OLVColumn.IsHeaderVertical to true, and the text of the header will be drawn vertically:
4.11.4 Header image
.NET has ImageIndex and IndexKey properties on the ColumnHeader class. However, no one knows quite why since any value you set on these in the IDE will not be persisted by the code generator.
ObjectListView, however, has the HeaderImageKey property, which allows you to choose the image that will be shown in the header of a column.
4.12. Generating an ObjectListView without the IDE
One fundamental of good design is separation of presentation from model. Model classes should not know how they are being presented to the user.
But there are development situations when speed of development is everything (Merchant banks and stock brokers often seem to be in this camp). In such cases, placing some sort of user interface into the model classes themselves is an acceptable trade off.
It is with a nod to such development that ObjectListView now has Generator class and OLVColumn attributes. The idea with these classes is that, in your model classes, you decide which properties you want to appear in the ObjectListView, and then you give those properties an OLVColumn attribute. In these attribute, you specify some of the characteristics that you would normal give through the IDE (e.g. column title, alignment, image getter, format string). Then, when you are ready to show your list of models, you generate the columns from the model and then show the models:
<span id="ArticleContent">List<ForexPurchase> purchases = this.GetForexPurchasesToShow();
Generator.GenerateColumns(this.olv, purchases);
this.olv.Objects = purchases; </span>
In this example, this.olv is a completely unconfigured ObjectListView. Nothing was done to it in the IDE, except for placing it on the form: no columns were created or configured. The Generator uses the information that was given in the OLVColumn attributes to build a fully functional ObjectListView.
When the user later wants to see the foreign exchange sales that were made today, she clicks the "Sales" button, and some code like this might be executed:
<span id="ArticleContent">List<ForexSale> sales = this.GetForexSalesToShow();
Generator.GenerateColumns(this.olv, sales);
this.olv.Objects = sales; </span>
This reuses the same ObjectListView control, but now it is a fully functional ObjectListView showing information about Forex sales.
[Thanks to John Kohler for this idea and the original implementation]
4.13 Filtering
In v2.4, ObjectListViews became filterable. For backwards compatibility, this ability is off by default. Set UseFiltering to true to enable this feature.
If you set the ModelFilter or ListFilter properties, only model objects that match those filters will be shown in the list. List filters apply some criteria on the list as a whole. A tail filter (showing only,say, the last 500 lines) is a good example of a whole list filter (this is implemented by the TailFilter class). A model filter considers each model object in turn and decides whether or not that model should be included in the list shown to the user. Model filters are the most commonly used.
The ModelFilter provides a very useful filtering implementation. It takes a delegate as a construction parameter, and that delegate decides if the given model object should be included. To filter a list of phone calls to only show emergency calls, you could install filter like this:
<span id="ArticleContent">this.olv1.ModelFilter = new ModelFilter(delegate(object x) {
return ((PhoneCall)x).IsEmergency;
});</span>
You can, of course, make your own filters, by implementing the IModelFilter or the IListFilter interface. You could, for example, show only emergency calls like this:
<span id="ArticleContent"><span>public class OnlyEmergenciesFilter : IModelFilter
{
public bool Filter(object modelObject) {
return ((PhoneCall)x).IsEmergency;
}
}
...
this.olv1.ModelFilter = new OnlyEmergenciesFilter();</span></span>
4.13.1 Text filtering
One very common filtering task is to only show rows that contain a certain string. iTunes does this with its "Search" box. ObjectListView makes it very easy to implement this text filtering via a TextMatchFilter. You use it thus::
<span id="ArticleContent">this.olv1.ModelFilter = new TextMatchFilter(this.olv1, "search");</span>
After executing this line, the ObjectListView will only show rows where the text "search" occurs in at least one cell of that row.
The filter can be configured to only consider some of the columns in the ObjectListView by setting the Columns property. This is useful for avoiding searching on columns that you know will return nonsensical results (like checkboxes or image only columns).
It can also be set up to do regular expression searching or simple prefix matching:
this.olv1.ModelFilter = new TextMatchFilter(this.olv1, "^[0-9]+", TextMatchFilter.MatchKind.Regex);
As a bonus, if your filtered ObjectListView is owner drawn, you can pair this text searching with a special renderer, HighlightTextRenderer. This renderer draws a highlight box around any substring that matches its given text. So:
<span>TextMatchFilter filter = new TextMatchFilter(this.olv1, "er");
this.olv1.ModelFilter = filter;
this.olv1.DefaultRenderer = new HighlightTextRenderer(filter);</span>
would give something that looks like this:
You can change the highlighting by playing with the CornerRoundness, FramePen and FillBrush properties on the HighlightTextRenderer.
Remember: the list has to be owner drawn for the renderer to have any effect.
4.13.2 Excel-like filtering
[v2.5] ObjectListView can present the user with an Excel-like filtering interface. If they right click on a column's header, a "Filtering" menu item will be presented. This will let the user select one or more distinct values from that column. When they click "Apply", only those rows that have one of the chosen values for that column will be displayed.
If you don't want your users to have this filtering ability, set ObjectListView.ShowFilterMenuOnRightClick to false. To hide the ‘Filter’ menu item for a particular column, set UsesFiltering to false on that column.
4.14 Column selection
At runtime, the user is able to select which columns they wish to see in an ObjectListView. The user interface mechanism for this is that when the user right clicks on any header, they will presented with a menu that lets them choose which columns they wish to see.
The exact behaviour of the column selection mechanism is governed by the SelectColumnsOnRightClickBehaviour property.
To prevent the user from changes the visible columns, set this property to ColumnSelectBehaviour.None.
To present the column selection menu as a submenu off the header right click menu, set this property to ColumnSelectBehaviour.Submenu.
To present the column selection menu as the bottom items in the header right click menu, set this property to ColumnSelectBehaviour.Inline. This is the default. If SelectColumnsMenuStaysOpen is true (which is the default), the menu will remain open after the user clicks on column, letting them hide or show multiple columns without having to right click again.
To present the user with a dialog that lets them choose the columns (as well as rearrange the order of the columns), set this property to ColumnSelectBehaviour.ModelDialog.
If there are some columns that you do not want the user to be able to hide, set OLVColumn.Hideable to false. This will prevent the user from hiding that column.
Note: Column 0 can never be hidden. This is a limit of the underlying Windows control. If you wish to make your first column hideable, move it to anywhere else in the column list, and then set its DisplayIndex to 0, so that it appears first.
4.15 Animations
Haven't you always wanted to put those little snazzy bits of moving eye candy into your applications? You know, a flashing border around some cell, or a spinning star right in the middle of the list?
In v2.4, ObjectListView now integrates with the Sparkle animation library. This library lets you put animations over the top of existing Controls. Due to the way .NET ListViews work, that library cannot work with plain ListViews. However, through the extendibility of ObjectListViews decorations, it now works seemlessly with ObjectListViews.
4.14.1 Understanding Sparkle
To learn about the Sparkle library, you should read this article -- and of course look at the code. But briefly, the design goals of the library were:
- Short-lived animations on any control. The Sparkle library is designed to draw short animations over the top of existing Controls. Out of the box, it only supports Controls that use a Paint event, but it has been adapted to work with ObjectListView.
- Declarative. The Sparkle library is declarative. You say what you want the animation to do, and then you run the animation. The animation is completely defined before it begins.
- Non-interactive. The Sparkle library does not do user interaction -- it does not listen to mouse moves, clicks or drags. It doesn't do collision detection or physics models. It just draws eye candy.
To use the library itself, you'll need to grasp its four major concepts:
- Animations. An animation is the canvas upon which sprite are placed. It is the white board upon which things are drawn.
- Sprites. Sprites are things that can be drawn. There are several flavours of sprites -- one for images, another for text, still another for shapes. It is normal to make your own types of sprites by subclassing
Sprite (or implementing ISprite). - Effects. Effects are things that make changes to sprites over time. They are the "movers and shakers" in the library, who actually do things. Sprites sit there, completely passive, looking pretty, but the effects push them around, change their visibility, spin or size. Again, you can use existing
Effects, or implement your own through the IEffect interface. - Locators. Locators are things that known how to calculate a point or a rectangle. Rather than saying "Put this sprite at (10, 20)," they allow you to say "Put this sprite at the bottom right corner of this other sprite." This idea can be tricky to get your mind around, but once you have grasped it, it is powerful.
The workflow for creating a Sparkle animation is:
- Decide where the animation will appear. That is your
Animation. - Think about what you want to show. They are your
Sprites. - Think about what you want each Sprite to do. They are your
Effects. - Whenever an
Effect need a "where", that's when you need Locators.
4.14.2 Simple example
OK, OK. Just show me the code. Let's put a spinning, fading star in the middle of an ObjectListView.
To put animations onto an ObjectListView, you use AnimatedDecoration class. Depending on the constructor used, this will create an animation for the whole list, for a row, or for just one cell:
<span>AnimatedDecoration listAnimation = new AnimatedDecoration(this.olvSimple);
AnimatedDecoration rowAnimation = new AnimatedDecoration(this.olvSimple, myModel);
AnimatedDecoration cellAnimation = new AnimatedDecoration(this.olvSimple, myModel, olvColumn);</span>
We want an animation that can draw on the whole list so we use this form:
<span>AnimatedDecoration listAnimation = new AnimatedDecoration(this.olvSimple);
Animation animation = listAnimation.Animation;</span>
Now we have an Animation, we can make our Sprites. We only need one sprite and we want it to show an image, so we use an ImageSprite. There is also a TextSprite for drawing bordered/backgrounded text, and ShapeSprite for drawing regular shapes.
<span> Sprite image = new ImageSprite(Resource1.largestar);</span>
We have our sprite. Now we want it to do something. Whenever we want a sprite to do something, we need an Effect. For this example, we want the image to spin in the centre of the list, and to fade out while it does so. We add the Effects to the Sprite, saying when the effect should start and how long it will last.
<span>image.Add(0, 2000, Effects.Rotate(0, 360 * 2.0f));
image.Add(1000, 1000, Effects.Fade(1.0f, 0.0f));</span>
This says, during the first 2000 milliseconds after the sprite begins in the animation, the image should spin completely twice. The second statement says that 1000 milliseconds after the sprite begins, the sprite should take 1000 milliseconds to gradually fade completely from sight.
Most Sprites have some sort of MoveEffect given to them to move them around. However, we want this sprite to just stay in the centre of the list, so we give it a FixedLocation:
<span>image.FixedLocation = Locators.SpriteAligned(Corner.MiddleCenter);</span>
This says the images MiddleCenter will always be aligned to the MiddleCenter of the animation (which in this case is on the whole of the list).
The final steps are to add the Sprite to the Animation:
<span>animation.Add(0, image);
</span>
This says to begin running the image sprite 0 milliseconds after the animation starts (i.e. immediately). Often the sprites would not start until some time after the animation begins, but in this case, there's only one sprite so it may as well start immediately.
The animation is now fully configured and all that remains is to run it:
<span>animation.Start();</span>
All being well, this should produce an animation on the ObjectListView that looks something like this:
Again, CodeProject doesn't support animations within a page, so click here to see the actual animation.
In eight lines of code, you've put a spinning, fading star (a la Picasa) onto your otherwise static ListView.
5. Interesting bits of code
5.1 Reflection
Reflection is used in a couple of ways: to get data from the model objects, to put data into cell editors, and to put data into the model objects.
5.1.1 Getting information dynamically
Getting data from the model object uses reflection to dynamically invoke a method, property or field by its name.
<span>protected object GetAspectByName(object rowObject) {
if (String.IsNullOrEmpty(this.aspectName))
return null;
BindingFlags flags = BindingFlags.Public | BindingFlags.Instance |
BindingFlags.InvokeMethod |
BindingFlags.GetProperty | BindingFlags.GetField;
try {
return rowObject.GetType().InvokeMember(this.aspectName,
flags, null, rowObject, null);
}
catch (System.MissingMethodException) {
return String.Format("Missing method: {0}",
this.aspectName);
}
}</span>
Things to note in this code:
- There is no point in trying to invoke anything if the aspect name is
null or empty. BindingFlags say to only invoke public instance methods, properties or fields. Static methods and protected or private methods will not be called. - The
InvokeMember() method is called on the "type," not on the "object". - Catching
MissingMethodException is necessary, since the method or property name could be wrong.
Reflection is easier to code, but you pay the penalty in speed. On my machine, reflection is 5-10x slower than using delegates. On a list of only 10-20 items, it doesn't matter. However, if your list has hundreds of items, it's worth installing AspectGetter delegates.
The real code is actually more complicated, since it supports using a dot notation to access sub-properties. It is valid to have several method or property names, joined by dots, as an aspect name. Each method or property name is de-referenced and the result of that de-referencing is used as the target for the next method or property. It's more intuitive to use than it is to explain " />
For example, Owner.Address.Postcode is a valid aspect name. This will fetch the Owner property from the initial model object and then ask that owner object for its Address. Then it will ask that address for its Postcode.
[As of v2.4, ObjectListView uses a more sophisticated scheme to access data through reflection. These improvements are housed in the Munger class. On average, these improvements are 3-5 times faster than standard reflection, which lessens (but does not completely remove) the value of writing custom AspectGetters.]
5.1.2 Putting a value into a cell editor
When we put a cell editor onto the screen, we need to get the value from the cell and somehow give it to the control. Unfortunately, there is no standard way for giving a Control a value. Some controls have a Value property, which is exactly what we want, but others do not. Where there is Value property, we want to use it, but where there isn't, the best we can do is use the Text method.
<span>protected void SetControlValue(Control c, Object value, String stringValue)
{
PropertyInfo pinfo = null;
try {
pinfo = c.GetType().GetProperty("Value");
} catch (AmbiguousMatchException) {
BindingFlags flags = BindingFlags.DeclaredOnly |
BindingFlags.Instance | BindingFlags.Public;
pinfo = c.GetType().GetProperty("Value", flags);
}
if (pinfo == null)
c.Text = stringValue;
else {
try {
pinfo.SetValue(c, value, null);
} catch (ArgumentException) {
c.Text = stringValue;
}
}
}</span>
So, what's going on here?
Firstly, we use GetProperty to try and get information about the Value property on the control. We have to allow for ambiguous matches, which will occur if the controls immediate class has overridden the base class's Value property. In that case, we use some BindingFlags to say that we want the Value property that was declared in the lowest level class. To any language lawyers, yes, I know it's not foolproof, but it works in almost all cases.
Once we have the property info, we can simply call the SetValue method. We have to catch the ArgumentException just in case the value can't be set.
If any of this has gone wrong, we simply use the Text method to put the value into the control and hope that it does what we want. s
5.2 Showing images on ListView subitems
ObjectListView was originally written to make a ListView easier to use, not to add swathes of new functionality. Initially, sub-item images were the only additional functionality (now, however, it does add swathes of new functionality). A plain vanilla ListView only supports images in the first column. ObjectListView doesn't have this restriction; any column can show images. To show images on sub-items, there are basically two strategies:
- Owner-draw the sub-items
- Force the underlying
ListView control to draw them
Owner drawing is a can of worms that I did not want to open, so I initially chose the second option. The ListView control in Windows has the ability to draw images against sub-items, but that functionality was not exposed in .NET. We can send messages to the underlying ListView control to make it show the images. Remember that these tricks rely on the underlying ListView control, so they may not work in future versions of Windows. It's certain that they will not work on non-Microsoft platforms. To make the ListView control draw sub-item images, we need to:
- Set the extended style
LVS_EX_SUBITEMIMAGES on the ListView control itself - Tell the
ListView control which image to display against which sub-item
Setting the extended style would be simple except that .NET doesn't expose the extended styles flag. So, we have to pull in the SendMessage() function and define the constants we want to use.
<span>[DllImport("user32.dll", CharSet=CharSet.Auto)]
private static extern IntPtr SendMessage(IntPtr hWnd, int msg,
int wParam, int lParam);
private const int LVM_SETEXTENDEDLISTVIEWSTYLE = 0x1000 + 54;
private const int LVS_EX_SUBITEMIMAGES = 0x0002;</span>
Then, at some convenient point, you turn on the flag:
<span>SendMessage(this.Handle, LVM_SETEXTENDEDLISTVIEWSTYLE,
LVS_EX_SUBITEMIMAGES, LVS_EX_SUBITEMIMAGES);</span>
This would be enough, except that .NET Framework erases all unknown extended styles when an extended style is set. Examples are FullRowSelect and GridLines. So, the above code will have to be called after all other initialization is complete.
Our second task is to tell the ListView control which sub-item will show which image. To do this, we need a new structure, LVITEM, and some more constants. We don't use most of the LVIF_ constants, but they're included for completeness.
<span>private const int LVM_SETITEM = 0x1000 + 76;
private const int LVIF_TEXT = 0x0001;
private const int LVIF_IMAGE = 0x0002;
private const int LVIF_PARAM = 0x0004;
private const int LVIF_STATE = 0x0008;
private const int LVIF_INDENT = 0x0010;
private const int LVIF_NORECOMPUTE = 0x0800;
[StructLayout(LayoutKind.Sequential, CharSet=CharSet.Auto)]
private struct LVITEM
{
public int mask;
public int iItem;
public int iSubItem;
public int state;
public int stateMask;
[MarshalAs(UnmanagedType.LPTStr)]
public string pszText;
public int cchTextMax;
public int iImage;
public int lParam;
public int iIndent;
public int iGroupId;
public int cColumns;
public IntPtr puColumns;
};</span>
We also need to import SendMessage a second time, but with a slightly different signature. We use the parameter EntryPoint to import a function using a name other than the C# function name.
<span>[DllImport("user32.dll", EntryPoint="SendMessage", CharSet=CharSet.Auto)]
private static extern IntPtr SendMessageLVI(IntPtr hWnd, int msg,
int wParam, ref LVITEM lvi);</span>
Finally, we can set up the sub-item images using a method like this:
<span>public void SetSubItemImage(int itemIndex, int subItemIndex, int imageIndex)
{
LVITEM lvItem = new LVITEM();
lvItem.mask = LVIF_IMAGE;
lvItem.iItem = itemIndex;
lvItem.iSubItem = subItemIndex;
lvItem.iImage = imageIndex;
SendMessageLVI(this.Handle, LVM_SETITEM, 0, ref lvItem);
}</span>
In the above member, itemIndex is the 0-based index of the row in question. subItemIndex is the 1-based index of the sub-item and imageIndex is the 0-based index into the image list associated with the listview.
5.3 IDE integration
Once we have our nice new UI widget, we still have one more important step: make it work within the IDE. The whole point of this ListView is that it should make the programmer's life easier. That means it has to integrate well with the development environment, which drops us into the scary world of attributes and metadata.
One problem with figuring out how to integrate with the IDE is that it is not well-documented. That is, some pieces are documented, but it is usually not clear what we should do with those pieces. You might read that you can use EditorAttribute to control how a particular property is edited, but it is hard to see how to use that information to put the right sort of editors onto your custom DataSource and DataMember properties.
That is where the quasi-magical Lutz Roeder's .NET Reflector is so useful [this has been bought by RedGate, and is now only available commercially (they have a 14-day trial)]; not just the public ones — and all the methods of each class. It then reverse-engineers the source code for the methods. It's an amazing and amazingly useful piece of software. Using the Reflector, it turns out that the right incantation for our DataSource property is the relatively simple, if unintuitive:
<span>[AttributeProvider(typeof(IListSource))]
public Object DataSource { ... }</span>
However, for the DataMember property, we need to invoke this spell:
<span>[Editor("System.Windows.Forms.Design.DataMemberListEditor, System.Design,
Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a",
typeof(UITypeEditor))]
public string DataMember { ... }</span>
This has to be considered at least non-obvious given that DataMemberListEditor is not even mentioned in the SDK documentation.
To limit the widths of columns, we have to find some way to intercept attempts to modify them. There are three UI mechanisms to change the width of a column:
- Drag the divider with the mouse
- Double-click the divider to autosize the column
- Press Ctrl-NumPad+ to autosize all columns
Fortunately, all three of these mechanisms ultimately use the same HDN_ITEMCHANGING message. We only need to catch that message and everything should be fine. The first part of the solution requires the handling of WM_NOTIFY events, like this:
<span>protected override void WndProc(ref Message m) {
switch (m.Msg) {
case 0x4E:
if (!this.HandleNotify(ref m))
base.WndProc(ref m);
break;
default:
base.WndProc(ref m);
break;
}
} </span>
Then we can handle the HDN_ITEMCHANGING message. If the change would make the column wider or thinner than it should be, we simply veto the change by returning a result of 1.
<span>private bool HandleNotify(ref Message m) {
bool isMsgHandled = false;
const int HDN_FIRST = (0 - 300);
const int HDN_ITEMCHANGINGA = (HDN_FIRST - 0);
const int HDN_ITEMCHANGINGW = (HDN_FIRST - 20);
NMHDR nmhdr = (NMHDR)m.GetLParam(typeof(NMHDR));
if (nmhdr.code == HDN_ITEMCHANGINGW) {
NMHEADER nmheader = (NMHEADER)m.GetLParam(typeof(NMHEADER));
if (nmheader.iItem >= 0 && nmheader.iItem < this.Columns.Count) {
HDITEM hditem = (HDITEM)Marshal.PtrToStructure(
nmheader.pHDITEM, typeof(HDITEM));
OLVColumn column = this.GetColumn(nmheader.iItem);
if (IsOutsideOfBounds(hditem, column) {
m.Result = (IntPtr)1;
isMsgHandled = true;
}
}
}
return isMsgHandled;
}
private bool IsOutsideOfBounds(HDITEM hditem, OLVColumn col) {
if ((hditem.mask & 1) != 1)
return false;
return (hditem.cxy < col.MinimumWidth ||
(col.MaximumWidth != -1 && hditem.cxy > col.MaximumWidth));
}</span>
The solution does not appear very complicated. However, reality is rarely so simple. For example, those of you with some knowledge about the header control might be thinking, "Hey! What about HDN_TRACK and its friends? Why don't you do anything about them?"
Well, according to KB article #183258, Microsoft states that when a header control has the HDS_FULLDRAG style, it will receive HDN_ITEMCHANGING messages rather than HDN_TRACK messages. Since version 4.71 of common controls, header controls always receive the HDS_FULLDRAG style. So, still it seems that we only have to handle the HDN_ITEMCHANGING message.
The trouble is that this is not always true. Under XP SP2 (at least), header controls with the HDS_FULLDRAG style do not always send HDN_ITEMCHANGING messages rather than HDN_TRACK messages. This may be why Microsoft has withdrawn that particular KB article. On some machines, header controls send HDN_ITEMCHANGING events as they should, but on others, the header controls send the old sequence of messages: HDN_BEGINTRACK, HDN_TRACK, HDN_ENDTRACK, HDN_ITEMCHANGING, HDN_ITEMCHANGED.
After quite a bit of digging, the crucial setting seems to be the Explorer option "Show Window Contents While Dragging." In an example of "truly bizarre side effects," if this option is turned on, the header will send HDN_ITEMCHANGING messages instead of HDN_TRACK messages (as it should). However, if it is turned off, the header sends lots of HDN_TRACK messages and only one HDN_ITEMCHANGING message at the very end of the process.
Having two possible sequences of events complicates my simple plan. If the "Show Window Contents While Dragging" option is turned on, the current code works perfectly. If it is off, things are uglier.
On the whole, if we receive multiple HDN_TRACK messages and only one HDN_ITEMCHANGING message, it's harder to control the resizing process. The reason is that there is no way to cancel just one HDN_TRACK message. If we return a result of 1 from a HDN_TRACK message, we cancel the whole drag operation, not just that particular track event. From the user's point of view, it would appear that when they dragged the column to its minimum or maximum width, the drag operation would simply stop, even when they hadn't released the mouse. This is clearly not what we want.
[v2.0] As of v2.0, ObjectListView modifies the HDN_TRACK message itself, changing the size of the column in place, which is the best solution.
5.5 Strange bug in ListView
Just in case someone else runs into this problem, there is a strange bug in the ListView code. The effect of this bug is that in between a BeginUpdate() and EndUpdate() pair, iterating over the Items collection and calling Items.Clear() does not work reliably if the ListView handle has not been created. For example, if you call the following method before the handle for listView1 has been created, nothing will be written to the debugging output:
<span>private void InitListView1()
{
this.listView1.BeginUpdate();
this.listView1.Items.Add("first one");
this.listView1.Items.Add("second one");
foreach (ListViewItem lvi in this.listView1.Items)
System.Diagnostics.Debug.WriteLine(lvi);
this.listView1.EndUpdate();
}</span>
If you remove the BeginUpdate() and EndUpdate() pair or call the method after the handle has been created, the method will work as expected.
The source of this bug is that, deep in the bowels of the ListView code, when BeginUpdate() is called, the ListView begins caching list updates. When EndUpdate() is called, the cache is flushed. However, GetEnumerator() does not flush the cache or take it into account. So, iterating over Items between calls to BeginUpdate() and EndUpdate() will only return the items that were present before BeginUpdate(). There are at least two easy ways around this bug:
- Don't use a
BeginUpdate()/EndUpdate() pair. - Make a call to
Items.Count, which does flush the cache, before iterating over the collection.
Thanks to ereigo for helping me track down this bug.
5.6 Implementing an image watermark
I like pictures. I think it's neat that in Explorer you can put a little graphic in the bottom right of the listview. I wanted to do the same thing with an ObjectListView. Surely, it can't be that difficult. But it was.
What did I specifically want from this feature? I wanted a background image on the ObjectListView. It had to stay fixed in place, not scrolling when the ListView scrolls. It had to work on XP and Vista. It had to be easy to custom, ideally just setting an image within the IDE. If the image could be positioned in whatever corner, or have a varying level of transparency, those would be bonuses. And obviously, I wanted it to work flawlessly — though I would be content with working spectacularly well.
5.6.1 WM_ERASEBKGROUND
The classic solution is to intercept the WM_ERASEBKGROUND message, erase the ClientRectangle, draw whatever you want, and the rest of the control then draws over what you've already drawn. Easy.
But it doesn't work. Actually, it works, so long as you don't double buffer the ListView. While the ListView is unbuffered, the image drawn in the WM_ERASEBKGROUND handler appears fine. But, when the control is double buffered, it doesn't work. When DoubleBuffered is set to true, it also sets the style AllPaintingInWmPaint style, which means: don't use WM_ERASEBKGROUND, the paint handler will do everything, including erase the background. So, for a double-buffered ListView (which is what I want), drawing in the WM_ERASEBKGROUND handler doesn't work.
5.6.2 LVM_SETBKIMAGE
The second try was to use LVM_SETBKIMAGE. This WinSDK message tells a ListView to draw an image under the control. Exactly what I wanted. But life is rarely that easy.
The first difficulty was actually making it work. TortoiseSVN sometimes has a listview background image, and Stefan had kindly documented some of his troubles in getting it to work. Using the information there, I managed to put an image under the control! Excellent... well not really. It did put an image under the ListView, but with a number of unpleasant side-effects:
- With a background image in place, row background colours no longer worked.
- The background image was always hard pressed in the bottom right corner. The
LVBKIMAGE structure has fields, xOffset and yOffset, which supposedly allow you to change this, but as far as I could see, they had no effect. - Under XP, background images with transparent areas do not draw transparently - the transparent area is always coloured blue. This is even when
LVBKIF_FLAG_ALPHABLEND flag is set. - Grid lines were drawn over the top of the image, which looked odd.
- Icons on subitems made the subitem cell draw over the image.
- Owner drawn cells always erased the image (I suspect this could be fixed).
The show stopper was with Details view. Column 0 always erased the image. I could live with the other problems but what's the good of a underlay image when column 0 wipes it out? I checked to see if Stefan had found a solution for this one, but he hadn't.
[May 2012 Update] Windows 7 has improve this situation somewhat. It doesn't have the same problems with column 0 or subitem images. Grid lines are still a problem, and obviously, it doesn't work in owner drawn mode (In owner drawn mode, each cell draws itself, including its background, which covers the background image). If you can live with these limitations, native watermarks are quite neat. They are true backgrounds, not translucent overlays like the OverlayImage uses. They also have the decided advantage over overlays in that they work correctly even in MDI applications.
ObjectListView now [v2.5.1] has built in support for native backgrounds:
this.olv.SetNativeBackgroundWatermark(Resource1.redback1);
this.olv.SetNativeBackgroundImage(Resource1.redback1, 50, 75));
this.olv.SetNativeBackgroundTiledImage(Resource1.limeleaf);
5.6.3 Layered Window API
I eventually decided on using the Layered Window API, which .NET exposes through the Opacity and TransparencyKey properties of Form.
The idea was to place a completely transparent form over the top of ObjectListView, and then draw onto that form (Mathieu Jacques did the same thing with his LoadingCurtain idea). From the user's point of view, the image appears to be draw onto the ObjectListView, but from the ObjectListView point of view, the overlays are not there.
This idea was a good one, but there were many other complications before it actually worked. See here for the overly-detailed version of the story.
5.6.4 Just do it
But it did eventually work. So, as of v2.2, ObjectListViews support overlays, which are non-scrolling, transluscent images or text drawn over the top of the list contents.
The overlays scheme is extensible, but the two most common overlays are image overlays and text overlays.
ImageOverlay draws an image over the ObjectListViewTextOverlay is a highly configurable overlay that can draw bordered, coloured and backgrounded text. The text can be rotated.
These two overlays are so common that ObjectListView comes with one of each predefined: OverlayImage and OverlayText properties. These predefined overlays are exposed to the IDE, and can be configured directly from there. So, for the majority of cases, this is the only understanding of overlays that you will need.
5.6.5 MDI limitation
Despite my best efforts, this scheme does not work on MDI applications. Overlays do not obey the z-ordering that MDI forms obey. This means that overlays appear on top of all MDI forms. There is no solution to this problem. Just don't use overlays in MDI applications. Your only option is to use native background images (with their limitations).
5.7 Enabling disabled rows
Quote:
What sort of stupid ListView doesn’t allow rows to be disabled? I’m ditching your control and writing one myself.
Not all ObjectListView’s feature requests are phrased politely :)
Other people have asked for the same feature in much more diplomatic terms, so I thought it would be nice to see if it was possible. Being able to disable rows would be a neat ability. Although it would be easy to misuse (from a UI point of view), I can easily imagine cases were it would be very useful.
5.7.1 Defining disabled
A disabled row would have the following characteristics:
- cannot be selected
- cannot be activated (double-clicked, pressing Enter)
- cannot be edited
- cannot be checked
- can be focused
- must be visually distinct (often grey text with greyscale images)
Nothing very surprising, except for the focus bit. [Quick reminder: focus is the UI element that receive keyboard input. Several rows can be selected; only one can be focused] Disabled rows need to be able to be focused so that the user can use the UpArrow/DownArrow and PageUp/PageDown to move through the rows. If disabled rows could not be focused, using the arrows keys to move through the list would simply stop before a disabled row. We could try to skip over disabled rows, but that leads to nasty rabbit hole – what happens on PageDown/PageUp when the next page contains only disabled items, what happens when all the rows are disabled?
While editing, the user can use Alt-Up or Alt-Down to start editing the rows above or below the current cell. If the row in that direction is disabled, editing will skip over that row until the next enabled row in that direction.
The first thing that is going to happen after I release this is that someone is going to want slightly different behaviour: to look disabled, but still be editable, or to be disabled but still be checkable. Just say no! For the moment, this is the behaviour of disabled rows and you cannot pick and choose :)
5.7.2 Make it so
With this description of features, what seems the most technically difficult? My code controls editing, checking and (most of) displaying, so that shouldn’t be troublesome. But how to you prevent rows from being selected?
For a ListView, there are several ways to select rows:
- clicking (obviously)
- shift clicking selects all rows between the anchor and the clicked row
Ctrl-A selects all rows- Lasso select
According to the MSDN, all these ways of selecting rows eventually result in the same LVN_ITEMCHANGING reflected notification. We can handle this notification and look for a change in selection state:
bool isSelected = (nmlistviewPtr.uNewState & LVIS_SELECTED) == LVIS_SELECTED;
Better still, LVN_ITEMCHANGING is cancellable, so we just have to set the m.Result = (IntPtr)1 when the user tries to select a disabled row and the selecting will be cancelled.
Oh yeah! Half an hour and the most difficult part was done! Except... this worked fine for plain ObjectListView but didn’t work at all for virtual listviews (FastObjectListView and TreeListView). LVN_ITEMCHANGING is never triggered for virtual lists :( The documentation even says so.
LVN_ITEMCHANGED (note the -ED) is triggered for both normal and virtual listviews, but it can’t be cancelled. It is simply saying, “Hey. This row has changed, and there’s nothing you can do about it!” I tried various ways of tweaking the notification, changing its data, skipping base processing, cancelling the event, but nothing worked reliably.
If the neat solution doesn’t work, we can always use the sledgehammer! When we receive notification that a row has been selected AND we want that row to be disabled, we could just forcibly reverse the selection:
OLVListItem olvi = this.GetItem(nmlistviewPtr.iItem);
if (olvi != null && !olvi.Enabled)
NativeMethods.SetItemState(this, nmlistviewPtr.iItem, LVIS_SELECTED, 0);
Surprisingly, this actually works. For both normal and virtual lists, this prevents selection for clicking and lasso selection. However...
5.7.3 Virtual listview complexities
Virtual lists are the problem child of the ListView family. They take delight in making the programmers life challenging. If something is going to be difficult, it will always be with virtual lists. For example...
On virtual lists, selecting a range via Shift-Click or selecting all items via Ctrl-A present problems.
The problem is that for both Shift-Click and Ctrl-A the listview receives a single notification but multiple rows have been selected. The notification can only indicate a single item nmlistviewPtr.iItem but we need to know the other rows that were selected. We can solve the Ctrl-A problem. When all items are selected via Ctrl-A, the notification has a special value -1 in nmlistviewPtr.iItem. When we see this value, we know that all rows have been selected, so we can loop through all our disabled objects and explicitly deselect them again:
if (nmlistviewPtr2.iItem == -1) {
foreach (var disabledModel in this.DisabledObjects) {
int modelIndex = this.IndexOf(disabledModel);
if (modelIndex >= 0)
NativeMethods.SetItemState(this, modelIndex, LVIS_SELECTED, 0);
}
}
Shift-Click is more troublesome. It’s troublesome because it’s difficult to explain exactly what shift-clicking does. When you shift click on a row in the listview, all the rows between the clicked row and the anchored row are selected. But which row is anchored? That’s the difficult part. It’s different depending on how the last selection was made and what OS you are on. Clicking, ctrl-click, lasso all set the anchor point in different ways. Another complexity is that “between” is calculated very differently if the list is grouped or ungrouped.
After struggling with all these complexities, I had my light bulb moment! I don’t really care what was selected, I just want to make sure that all disabled rows are still deselected. Once I realised that, I could use the same processing as for Ctrl-A handling. Done!
5.7.4 Getting the colour right
Ok. Now rows can be disabled and they can’t be selected. But those rows still look the same. Now we have to make them look different.
Disabled items are normally greyed out in some way. That’s easy – just set the ForeColor on the items to grey. It does work, but it’s not great. The text on the disabled rows is grey, but the images are still coloured and the checkboxes still look enabled.
For non-owner drawn lists, this is the best we can do. The underlying ListView control allows the text colour to be set, but the images are still going to be color. [Yes, we could create grey-scale versions of all images and then somehow remap the images when the row was disabled – but that’s too much fragile work even for me].
For owner drawn lists, we have much more control. Firstly, if a row is disabled, we can draw any images as grey scale. There is a very handy method ControlPaint.DrawImageDisabled() which does (almost) exactly what we want. It’s only limitation is that it doesn’t scale images automatically, so if the image needs scaling, we will have to do that manually (which I don’t currently, so disabled images won’t be scaled to fit into narrower spaces).
This doesn’t work so well for images that come from ImageLists. At the moment, the majority of images are drawn using ImageList_Draw() WinApi function. This does nice things for us and is fast! But it doesn’t do greyscale drawing.
It does have a big brother ImageList_DrawIndirect() which is the “airplane cockpit” version with 10 thousand switches and dials. But on the surface, it doesn’t do grey scale drawing either! Humph! But let’s look a little deeper.
ImageList_DrawIndirect() accepts a single (large) parameter block:
[StructLayout(LayoutKind.Sequential)]
public struct IMAGELISTDRAWPARAMS {
public int cbSize;
public IntPtr himl;
public int i;
public IntPtr hdcDst;
public int x;
public int y;
public int cx;
public int cy;
public int xBitmap;
public int yBitmap;
public uint rgbBk;
public uint rgbFg;
public uint fStyle;
public uint dwRop;
public uint fState;
public uint Frame;
public uint crEffect;
}
It turns out that if you include ILS_SATURATE in the fState and set rgbFg to something dark (say, black or CLR_DEFAULT), it will actually draw an image in greyscale.
So, tweaking our renderers to use these two technique (and remembering to draw check boxes as disabled), our disabled rows now look like this:
This actually looks pretty good.
6. Conclusion
I have written this control in two other languages — Smalltalk and Python — and it is always one of the most useful items in my toolbox. I have used it in every project I have had in those languages and I'm sure it is just as useful here. I hope that the code encourages more "slothfulness" and gives programmers time to improve some other parts of their project, thus encouraging hubris as well.
7. Future directions
v2.9 will also move towards using IEnumerable whenever possible. SelectedObjects, CheckedObjects, AddObjects(), InsertObjects(), RefreshObjects(), RemoveObjects(), and CopyObjectsToClipboard() will all be changed to use IEnumerable. This is with a view to using LINQ in future versions.
v3.0 will be a big change. Until now, each version has strove to maintain backwards compatibility. v3.0 will not have this as a strict goal. It will be backwards compatible where possible, but will drop properties, events and methods where they do not fit within the new scheme. In particular, features that were a moment of design weakness (I'm looking at you AlwaysGroupByColumn and your friends) will disappear.
- Support for .NET 2.0 will be dropped. .NET 4.0 will become the minimum.
- Most delegates will be replaced by events (events are actually faster than delegates).
- All styling (cell, header, tool tips) will be unified, and will include custom renderers and hit detection.
- General cleanup/refactor
There is no definite timetable for version 3.0.
8. History
November 2015 - Version 2.9.0
New features
- Buttons!
- Added ObjectListView.CellEditUsesWholeCell and OLVColumn.CellEditUsesWholeCellproperties. If these are set to true, ObjectListView will use the whole width of a cell when editing a cell’s value. Setting the property on a OLVColumn impacts just that column, setting it on the ObjectListView impacts all columns.
- TreeListViews can now draw triangles as expansion glyphs, complete with hot behaviour. Set TreeListView.TreeRenderer.UseTriangles to true. It can also not draw any expansion glyph by setting IsShowGlyphs to false.
- Added ObjectListView.FocusedObject, ObjectListView.DefaultHotItemStyle, andObjectListView.HeaderMinimumHeight properties. Each is completely predictable.
Large-ish Improvements
- Regularized the interaction of the various formatting options, in particular FormatRow,FormatCell and hyperlinks.
- Completely rewrote the demo. Each tab is now its own UserControl, and there are lots more comments and explanations.
- DescribedTaskRenderer left experimental state and became a first class part of the project. See “Pretty Tasks” tab in the demo.
- Lists are now owner drawn by default. About one-quarter of all complaints I receive are from someone trying to use a feature that only works when OwnerDraw is true. This allows all the great features of ObjectListView to work correctly at the slight cost of more processing at render time. It also avoids the annoying “hot item background ignored in column 0” behaviour that the native ListView has. You can still set it back to false if you wish.
Small improvments
- The normal DefaultRenderer is now a HighlightTextRenderer, since that seems more generally useful.
- Allow ImageGetter to return an Image (which I can’t believe didn’t work from the beginning!)
- Added SimpleDropSink.EnableFeedback to allow all the pretty and helpful user feedback during drag operations to be turned off.
- OLVColumn.HeaderTextAlign became nullable so that it can be “not set”, in which case the alignment of the header will follow the alignment of the column (this was always the intent)
- Made Unfreezing on data bound lists more efficient by removing a redundant BuildList() call
- When auto generating column, columns that do not have a [OLVColumn] attribute will auto size
Bug fixes
- Yet another attempt to disable ListView’s “shift click toggles checkboxes” behaviour. The last attempt had nasty side effects – I received the full set of “Hey! I got a right mouse click event when I left clicked the control” emails, expressed in varying degrees of politeness. The new strategy is (hopefully) more invisible.
- FastObjectListView now fires a Filter event when applying filters
- SelectionChanged event is now triggered when the filter is changed
- Setting View to LargeIcon in the designer is now persisted
- Check more rigourously for a dead control when performing animations
- Corrected small UI glitch in TreeListView when focus was lost and HideSelection was false.
October 2014 - Version 2.8
New features
- Added the ability to disable rows
- Added checkboxes in column headers
Other changes
- Added CollapsedGroups property
- Extended hit test information to include header components (header, divider, checkbox)
- CellOver events are now raised when the mouse moves over the header. SetTriggerCellOverEventsWhenOverHeader to false to disable this behaviour
- Freeze/Unfreeze now use BeginUpdate()/EndUpdate() to disable Window level drawing while frozen
- Changed default value of ObjectListView.HeaderUsesThemes from true to false. Too many people were being confused, trying to make something interesting appear in the header and nothing showing up
- Final attempt to fix the issue with multiple hyperlink events being raised. This involves turning a NM_CLICK notification into a NM_RCLICK. Thanks to aaron for the initial report and investigation.
- TreeListView.CollapseAll() now actually, you know, collapses all branches
- The pre-build ObjectListView.dll in the ObjectListView download is now built against .NET 4.0. This will make it able to be used directly in VS 2010 and later. For VS 2008 and 2005, the DLL will have to build from the included source.
- Added NuGet support. ObjectListView is now available as ObjectListView.Official.
Bugs fixed
- Fixed various issues where calling TreeListView.RefreshObject() could throw an exception
- Fixed various issues regarding checkboxes on virtual lists
- Fixed issue where virtual lists containing a single row didn’t update hyperlinks on MouseOver
- Fixed issue where calling TreeListView.CollapseAll() when a filter was installed could throw an exception
- Fixed some subtle bugs resulting from misuse of TryGetValue()
- Several minor Resharper complaints quiesced.
March 2014 - Version 2.7
After a long break, the next release of ObjectListView is available.
New features
- Added HierarchicalCheckBoxes to TreeListView (so quick to say, but so much work to do)
- Added TreeListView.Reveal() to show deeply nested model objects, by expanding all its ancestors
Other changes
- Added CellEditEventArgs.AutoDispose to allow cell editors to be disposed after use. Defaults to true. This allows heavy controls to be cached for reuse, and light controls to be disposed without leaks.
- ShowHeaderInAllViews now works on virtual lists
- Added TreeListView.TreeFactory to allow the underlying Tree to be replaced by another implementation.
- CollapseAll() and ExpandAll() now trigger cancellable events
- Added static property ObjectListView.GroupTitleDefault to allow the default group title to be localised
- Added Visual Studio 2012 support
- Clicking on a non-groupable column header when showing groups will now sort the group contents by that column.
- TreeListView now honours SecondarySortColumn and SecondarySortOrder
Bugs fixed
- ClearObjects() now actually, you know, clears objects :)
- Fixed some more issues/bugs/annoyances with ShowHeaderInAllViews.
- Fixed various bugs related to filters and list modifications.
- Fixed some bugs so that tree expansion events are always triggered, but only once per action.
- RebuildChildren() no longer checks if CanExpand is true before rebuilding.
- Fixed long standing bug in RefreshObject() would sometimes not work on objects which overrode Equals()
July 2012 - Version 2.6
New features
- Added DataTreeListView – a data bindable TreeListView.
- Added UseNotifyPropertyChanged property to allow ObjectListViews to listen for INotifyPropertyChanged events on models.
- Generator can now work on plain model objects without requiring properties to be marked with [OLVColumn] attribute.
- Added FlagClusteringStrategy – a new clustering strategy based off bit-xor’ed integer fields.
- Added CellPadding, CellHorizontalAlignment and CellVerticalAlignment properties to ObjectListView and OLVColumn. On owner drawn controls, these control the placement of cell contents within the cell.
- Added OLVExporter – a utility to export data from ObjectListView.
Other changes
- Added Reset() method, which definitively removes all rows and columns from all flavours of ObjectListView.
- Renamed GetItemIndexInDisplayOrder() to GetDisplayOrderOfItemIndex() to better reflect its function.
- Changed the way column filtering works so that the same model object can now be in multiple clusters. This is useful for filtering on xor’ed flag fields or multi-value strings (e.g. hobbies that are stored as comma separated values).
- Added SimpleDropSink.UseDefaultCursors property. Set this to false to use custom cursors in drop operations.
- Added more efficient version of FilteredObjects property to FastObjectListView.
- Added ObjectListView.EditModel() convenience method
- Added ObjectListView.AutoSizeColumns() to resize all columns according to their content or header
- Added static property ObjectListView.IgnoreMissingAspects. If this is set to true, all ObjectListViews will silently ignore missing aspect errors. Read the remarks to see why this would be useful.
- Don’t trigger selection changed events during sorting/grouping, add/removing columns, or expanding branches.
- Clipboard and drag-drop now includes CSV format.
- Reimplemented Generator to be subclassable. Added IGenerator to allow column generation to be be completely replaced.
Bugs fixed (partial)
- Fixed bug with single click cell editing where the cell editing didn’t start until the first mouse move. This fixed a number of related bugs concerning cell editing and mouse moves.
- Fixed bug where removing a column from a LargeIcon or SmallIcon view would crash the control.
- Fixed bug where search-by-typing would not work correctly on a FastObjectListView when showing groups
- Fixed several bugs related to groups on virtual lists.
- Overlays now remember all the ObjectListView’s parents so that we can explicitly unbind all those parents when disposing. This protects us against unexpected changes in the visual hierarchy (e.g. moving a parent UserControl from one tab to another)
- TreeListView.RebuildAll() will now preserve scroll position.
May 2012 - Version 2.5.1
New features
- Added better support for groups. This includes hit detection, cancellable group expand/collapse event (GroupExpandingCollapsing) and group state changed event (unsurprisingly GroupStateChanged). See this blog for more details.
- Added UsePersistentCheckboxes property to allow ObjectListView to correctly remember checkbox values across list rebuilds. Without this, applying a filter to plain ObjectListView would always make the checkboxes lose their values. This is true by default. Set to false to return to v2.5 and earlier behaviour.
- Added AdditionalFilter property. Any IModelFilter installed through the AdditionalFilter property will be combined with any column based filter that the user specifies at runtime. This is different from the ModelFilter property, since setting that will replace any user given column filtering and vice versa.
- Added CanUseApplicationIdle property to cover cases where Application.Idle events are not triggered. In some contexts – specifically VisualStudio and Office extensions – the Application.Idle events are never triggered. If you set CanUseApplicationIdle to false, ObjectListView will correctly handle these situations.
- Support for native background images.
Bugs fixed
- Avoid bug/feature in .NET’s ListView.VirtualListSize setter that causes flickering when the size of the list changes (read this for the full details).
- Fixed a bug that forced groups to always have 20 or so pixels of extra space between them. This is now correctly controlled by the SpaceBetweenGroups property.
- Fixed a bug that caused decorations to not be drawn when the first group (olny) of a list was collapsed.
- Fixed bug that occurred when adding/removing items to a VirtualObjectListView (including FastObjectListView and TreeListView) while the view was grouped.
- Fixed bug where, on a ObjectListView with only a single editable column, tabbing to change rows would edit the cell above rather than the cell below the cell being edited.
- Fixed bug in TreeListView.CheckedObjects where it would return model objects that had been filtered out.
- Clicking the separator on the Column Select menu no longer crashes.
- Fixed rare bug that could occur when trying to group/clustering an empty list.
- Handle case where a model object has both an Item property and an Item[] accessor.
- Fixed filters to correctly handle searching for empty strings.
- Handle cases where a second tool tip is installed onto the ObjectListView.
- Correctly recolour rows after an Insert or Move.
- Removed m.LParam cast which could cause overflow issues on Win7/64 bit.
Supported systems
Another hard drive crash and my last remaining XP machine is no more. I no longer have access to XP or even Vista – only Windows 7.
I may try to purchase a cheap laptop simply to run XP, but for the moment, I cannot test ObjectListView on anything other than Windows 7.
June 2011 - Version 2.5
New features
- Excel like filtering. Right clicking on a header will show a “Filter” menu, which will allow you to select the values that will survive the filtering.
FastDataListView. Just like a normal DataListView, only faster. On my laptop, it comfortably handles datasets of 100,000 rows without trouble. NOTE: This does not virtualize the data access part – only the UI portion. So, if you have a query that returns one million rows, all the rows will still be loaded from the database. Once loaded, however, they will be managed by a virtual list.- Fully customisable character map during cell edit mode. This was an overkill solution for the various flavours of “tab wraps to new line” requests. As convenience wrappers,
CellEditTabChangesRows and CellEditEnterChangesRows properties have been added. - Support for VS 2010. The target framework must be a “full” version of .Net. It will not work with a “Client Profile” (which is unfortunately the default for new projects in VS 2010).
- Columns can now disable sorting, grouping, searching and “hide-ability” (
Sortable, Groupable, Searchable and Hideable properties respectively).
Breaking changes
- [Large]: On
VirtualObjectListView, DataSource was renamed to VirtualListDataSource. This was necessary to allow FastDataListView which is both a DataListView AND a VirtualListView – which both used a DataSource property /> /li> - [Small]
GetNextItem() and GetPreviousItem() now accept and return OLVListView rather than ListViewItems. - [Small] Renderer for tree column must now be a subclass of
TreeRenderer, not just a general IRenderer. - [Small]:
SelectObject() and SelectObjects() no longer deselect all other rows. This gives an much easier way to add objects to the selection. The properties SelectedObject and SelectedObjects do still deselect all other rows.
Minor features
TextMatchFilter was seriously reworked. One text filter can now match on multiple strings. TextMatchFilter has new factory methods (which make TextMatchFilter.MatchKind redundant).- Revived support for VS 2005 after being provided with a new copy of VS 2005 Express.
- Column selection mechanism can be customised, through the
SelectColumnsOnRightClickBehaviour. The default is InlineMenu, which behaves like previous versions. Other options are SubMenu and ModalDialog. This required moving the ColumnSelectionForm from the demo project into the ObjectListView project. - Added
OLVColumn.AutoCompleteEditorMode in preference to AutoCompleteEditor (which is now just a wrapper). Thanks to Clive Haskins - Added
ObjectListView.IncludeColumnHeadersInCopy - Added
ObjectListView.Freezing event - Added
TreeListView.ExpandedObjects property. - Added
Expanding, Expanded, Collapsing and Collapsed events to TreeListView. - Added
ObjectListView.SubItemChecking event, which is triggered when a checkbox on subitem is checked/unchecked. - Allow a delegate to owner draw the header
- All model object comparisons now use
Equals() rather than == (thanks to vulkanino) - Tweaked
UseTranslucentSelection and UseTranslucentHotItem to look (a little) more like Vista/Win7. - Added ability to have a gradient background on
BorderDecoration - Ctrl-C copying is now able to use the
DragSource to create the data transfer object (controlled via CopySelectionOnControlCUsesDragSource property). - While editing a cell,
Alt-[arrow] will try to edit the cell in that direction (showing off what the cell edit character mapping can achieve) - Added long, tutorial-like walk-through of how to make a
TreeListView rearrangeable. - Reorganized files into folders
Bug fixes (not a complete list)
- Fixed (once and for all)
DisplayIndex problem with Generator - Virtual lists can (finally) set
CheckBoxes back to false if it has been set to true. (This was a little hacky and may not work reliably). - Preserve word wrap settings on
TreeListView - Resize last group to keep it on screen
- Changed the serializer used in
SaveState()/RestoreState() so that it resolves classes on name alone - When grouping, group comparer, collapsible groups and
GroupByOrder being None are now all honoured correctly - Trying to use animated gifs in a virtual list no longer crashes. It still doesn’t work, but it doesn’t crash.
GetNextItem() and GetPreviousItem() now work on grouped virtual lists.- Fixed bug in
GroupWithItemCountSingularFormatOrDefault - Fixed strange flickering in grouped, owner drawn OLV’s using
RefreshObject() - Alternate colours are now only applied in
Details view (as they always should have been) - Alternate colours are now correctly recalculated after removing objects
CheckedObjects on virtual lists now only returns objects that are currently in the list.ClearObjects() on a virtual list now resets all check state info.- Filtering on grouped virtual lists no longer behaves strangely
ModelDropEventArgs.RefreshObjects() now works correctly on TreeListViews.- Dragging a column divider in the IDE Form Designer now correctly resizes the column.
- Removing objects from filtered or sorted
FastObjectListView now works without clearing the filter or sorting.
31 August 2010 - Version 2.4.1
New features
- Column header improvements: they can be rendered vertically; they can show an image; they can be aligned differently to the cell's contents (use
OLVColumn.HeaderTextAlign property). - Group sorting can now be completely customised, as can item ordering within. See this recipe.
- Improved text filtering to allow for prefix matching and full regex expressions.
- Subitem checkboxes improvements: check boxes now obey
IsEditable setting on column, can be hot, can be disabled. - Added
EditingCellBorderDecoration to make it clearer which cell is being edited. - Added
OLVColumn.Wrap to easily word wrap a columns cells.
Small tweaks
- No more flickering of selection when tabbing between cells.
- Added
ObjectListView.SmoothingMode to control the smoothing of all graphics operations. - Dll's are now signed.
- Invalidate the control before and after cell editing to make sure it looks right.
BuildList(true) now maintains vertical scroll position even when showing groups. CellEdit validation and finish events now have NewValue property. - Moved
AllowExternal from RearrangableDropSink up the hierarchy to SimpleDropSink since it could be generally useful. - Added
ObjectListView.HeaderMaximumHeight to limit how tall the header section can become
Bug fixes
- Avoid bug in standard
ListView where virtual lists would send invalid item indices for tool tip messages when in non-Details views. - Fixed bug where
FastObjectListView would throw an exception when showing hyperlinks in any view except Details. - Fixed bug in
ChangeToFilteredColumns() that resulted in column display order being lost when a column was hidden. - Fixed long standing bug where having 0 columns caused an
InvalidCast exception. - Columns now cache their group item format strings so that they still work as grouping columns after they have been removed from the listview. This cached value is only used when the column is not part of the listview.
- Correctly trigger a
Click event when the mouse is clicked. - Right mouse clicks on checkboxes no longer confuses them
- Fixed bugs in
FastObjectListView and TreeListView that prevented objects from being removed (or at least appeared to). - Avoid checkbox munging bug in standard
ListView when shift clicking on non-primary columns when FullRowSelect is true. OLVColumn.ValueToString() now always returns a String (as it always should have)
10 April 2010 - Version 2.4
New features
- Filtering.
- Animations on cells, rows, or the whole list (so easy to say, so much work to do).
- Header styles. This makes
HeaderFont and HeaderForeColor properties unnecessary. They will be marked obsolete in the next version and removed after that. - [Minor] Ctrl-A now selects all rows (no surprises there). Set
SelectAllOnControlA to false to disable. - [Minor] Ctrl-C copies all selected rows to the clipboard (as it always did), but this can now be disabled by setting
CopySelectionOnControlC to false. - [Minor]
OLVColumn attribute (used with Generator) now allows the Name of the created column to be given.
Bug fixes
- Changed object checking so that objects can be pre-checked before they are added to the list. Normal
ObjectListViews manage "checkedness" in the ListViewItem, so you still can't check object before they are added (unless check state getters and putters have been installed). It will work on on virtual lists (thus fast lists and tree views) since they manage their own check state. - Overlays can be turned off (set
UseOverlays to false). They also only draw themselves on 32-bit displays. - ObjectListViews' overlays now play nicer with MDI, but it's still not great. When an ObjectListView overlay is used within an MDI application, it doesn't crash any more, but it still doesn't handle overlapping windows. Overlays from one ObjectListView are drawn over other controls too. Current advice: don't use overlays within MDI applications.
F2 key presses are no longer silently swallowed. ShowHeaderInAllViews is better but not perfect. Setting it before the control is created or setting it to true work perfectly. However, if it is set to false, the primary checkboxes disappear! I could just ignore changes once the control is created, but it's probably better to let people change it on the fly and just document the idiosyncrasies. - Fixed bug in group sorting so that it actually uses
GroupByOrder as it should always have done (thank to Michael Ehrt). - Destroying the
ObjectListView during an mouse event (for example, closing a form in a double click handler) no longer throws a "disposed object" exception. - Avoid checkbox munging bug in standard
ListView that shows itself when shift clicking on non-primary columns and FullRowSelect is true.
12 October 2009 - Version 2.3
This release focused on formatting — giving programmers more opportunity to play with the appearance of the ObjectListView .
Decorations
Decorations allow you to put pretty images, text and effects over the top of your ObjectListView
Group header formatting
Groups have been overhauled for this release. Groups under XP remain unchanged, but under Vista and Windows 7, many more formatting options are now available.
Hyperlinks
ObjectListViews can now have cells that are hyperlinks.
Header formatting
The font and text color of the ObjectListView header can now be changed. You can also word wrap the header text.
FormatRow and FormatCell events
In previous version, RowFormatter was the approved way to change the formatting (font/text color/background color) of a row or cell. But it had some limitations:
- It did not play well with
AlternateBackgroundColors property - It was called before the
OLVListItem had been added to the ObjectListView, so many of its properties were not yet initialized. - It was painful to use it to format only one cell.
- Perhaps most importantly, the programmer did not know where in the
ObjectListView the row was going to appear so they could not implement more sophisticated versions of the row alternate background colours scheme.
To get around all these problems, there is now a FormatRow event. This is called after the OLVListItem has been added to the control. Plus it has a DisplayIndex property specifying exactly where the row appears in the list (this is correct even when showing groups).
There is also a FormatCell event. This allows the programmer to easily format just one cell.
Generator
By using compiler attributes, ObjectListViews can now be generated directly from model classes. [Thanks to John Kohler for this idea and the original implementation]
Groups on virtual lists
When running on Vista and later, virtual lists can now be grouped! FastObjectListView supports grouping out of the box. For your own VirtualObjectListView you must do some more work yourself.
[This was more of a technical challenge for myself than something I thought would be wildly useful. If you do actually use groups on virtual lists, please let me know]
Small changes
- Added
UseTranslucentSelection property which mimics the selection highlighting scheme used in Vista. This works fine on Vista and on XP when the list is OwnerDrawn, but only moderately well when non-OwnerDrawn, since the native control insists on drawing its normal selection scheme, in addition to the translucent selection. - Added
ShowHeaderInAllViews property. When this is true, the header is visible in all views, not just Details, and can be used to control the sorting of items. - Added
UseTranslucentHotItem property which draws a translucent area over the top of the current hot item. - Added
ShowCommandMenuOnRightClick property which is true shows extra commands when a header is right clicked. This is false by default. - Added
ImageAspectName which the name of a property that will be invoked to get the image that should be shown on a column. This allows the image for a column to be retrieved from the model without having to install an ImageGetter delegate. - Added
HotItemChanged event and Hot* properties to allow programmers to perform actions when the mouse moves to a different row or cell. - Added
UseExplorerTheme property, which when true forces the ObjectListView to use the same visual style as the explorer. On XP, this does nothing, but on Vista it changes the hot item and selection mechanisms. Be warned: setting this messes up several other properties. See 30. Can the ObjectListView use a selection scheme like Vista? - Added
OLVColumn.AutoCompleteEditor which allows you to turn off autocompletion on cell editors. OlvHitTest() now works correctly even when FullRowSelect is false. There is a bug in the .NET ListView where HitTest() for a point that is in column 0 but not over the text or icon will fail (i.e. fail to recognize that it is over column 0). OlvHitTest() does not have that failure. - Added
OLVListItem.GetSubItemBounds() which correctly calculates the bounds of cell even for column 0. In .NET ListView the bounds of any subitem 0 are always the bounds of the whole row. - Column 0 now follows its
TextAlign setting, but only when OwnerDrawn . On a plain ListView, column 0 is always left aligned. ** This feature is experimental. Use it if you want. Don't complain if it doesn't work " /> ** - Renamed
LastSortColumn to be PrimarySortColumn, which better indicates its use. Similar LastSortOrder became PrimarySortOrder. - Cell editors are no longer forcibly disposed after being used to edit a cell. This allows them to be cached and reused.
- Reimplemented
OLVListItem.Bounds since the base version throws an exception if the given item is part of a collapsed group. - Removed even token support for Mono.
- Removed
IncrementalUpdate() method, which was marked as obsolete in February 2008.
4 August - Version 2.2.1
This is primarily a bug fix release.
New features
- Added cell events (
CellClicked, CellOver, CellRightClicked). - Made
BuildList(), AddObject() and RemoveObject() thread-safe.
Bug fixes
- Avoided bug in .NET framework involving column 0 of owner drawn listviews not being redrawn when the listview was scrolled horizontally (this was a LOT of work to track down and fix!)
- Subitem edit rectangles always allowed for an image in the cell, even if there was none. Now they only allow for an image when there actually is one.
- The cell edit rectangle is now correctly calculated when the listview is scrolled horizontally.
- If the user clicks/double clicks on a tree list cell, an edit operation will no longer begin if the click was to the left of the expander. This is implemented in such a way that other renderers can have similar "dead" zones.
CalculateCellBounds() messed with the FullRowSelect property, which confused the tooltip handling on the underlying control. It no longer does this. - The cell edit rectangle is now correctly calculated for owner-drawn, non-Details views.
- Space bar now properly toggles checkedness of selected rows.
- Fixed bug with tooltips when the underlying Windows control was destroyed.
CellToolTipShowing events are now triggered in all views.
15 May 2009 - Version 2.2
The two big features in this version are drag and drop support and image overlays.
Drag and drop support
ObjectListViews now have sophisticated support for drag and drop operations. An ObjectListView can be made a source for drag operations by setting the DragSource property. Similarly, it can be made a sink for drop actions by setting the DropSink property. The dragging is based on the IDragSource interface, and the drop handling revolves around the IDropSink interface. SimpleDragSource and SimpleDropSink provide reasonable default implementations for these interfaces.
Since the whole goal of ObjectListView is to encourage slothfulness, for most simple cases, you can ignore these details and just set the IsSimpleDragSource and IsSimpleDropSink properties to true, and then listen for CanDrop and Dropped events.
Rearrangable lists are supported through the RearrangeableDropSink class.
Image and text overlays
This version added the ability to draw translucent images and text over the top over the ObjectListView contents. These overlays do not scroll when the list contents scroll. These overlays works in all Views. You can set an overlay image within the IDE using the OverlayImage and OverlayText properties. The overlay design is extensible, and you can add arbitrary overlays through the AddOverlay() method.
Other new features
- The most requested feature ever — collapsible groups — is now available (but only on Vista).
- The tool tip controls that are used to show cell tool tips and header tool tips are now exposed through the
CellToolTipControl and HeaderToolTipControl properties. Through these properties, you can customise the way your tool tips are shown. You can also listen for CellToolTipShowing and HeaderToolTipShowing events to customise tool tips on an individual cell basis. - Added
SelectedColumn property, which puts a slight tint over that column. When combined with the TintSortColumn and SelectedColumnTint properties, the sorted column will automatically be tinted with whatever colour you want. - Added
Scroll event (thanks to Christophe Hosten who implemented this) - The project no longer uses unsafe code, and can therefore be used in a limited trust environment.
- Made several properties localizable.
Bug fixes (not a complete list)
- Fix a long standing problem with flickering on owner drawn virtual lists. Apart from now being flicker-free, this means that grid lines no longer get confused, and drag-select no longer flickers. This means that
TreeListView now has noticeably less flicker (it is always an owner drawn virtual list). - Double-clicking on a row no longer toggles the checkbox (Why did MS ever include that?)
- Double-clicking on a checkbox no longer confuses the checkbox.
- Correctly renderer checkboxes when
RowHeight is non-standard - Checkboxes are now visible even when the
ObjectListView does not have a SmallImageList.
23 February 2009 - Version 2.1
Complete overhaul of owner drawing
In the same way that 2.0 overhauled the virtual list processing, this version completely reworks the owner drawn rendering process. However, this overhaul was done to be transparently backwards compatible.
The only breaking change is for owner drawn non-details views (which I doubt that anyone except me ever used). Previously, the renderer on column 0 was double tasked for both rendering cell 0 and for rendering the entire item in non-detail view. This second responsibility now belongs explicitly to the ItemRenderer property.
- Renderers are now based on
IRenderer interface. - Renderers are now Components and can be created, configured, and assigned within the IDE.
- Renderers can now also do hit testing.
- Owner draw text now looks like native ListView
- The text AND bitmaps now follow the alignment of the column. Previously only the text was aligned.
- Added
ItemRenderer to handle non-details owner drawing - Images are now drawn directly from the image list if possible. 30% faster than previous versions.
Other significant changes
- Added hot tracking
- Added checkboxes to subitems
- AspectNames can now be used as indexes onto the model objects — effectively something like this:
modelObject[this.AspectName]. This is particularly helpful for DataListView since DataRows and DataRowViews support this type of indexing. - Added
EditorRegistry to make it easier to change or add cell editors
Minor Changes
- Added
TriStateCheckBoxes, UseCustomSelectionColors and UseHotItem properties - Added
TreeListView.RevealAfterExpand property VirtualObjectListViews (including FastObjectListViews and TreeListViews) now trigger ItemCheck and ItemChecked events - When editing an enums in a cell, a ComboBox is created that shows all the possible values
- Changed model comparisons to use
Equals() rather than ==. This allows the model objects to implement their own idea of equality ImageRenderer can now handle multiple images. This makes ImagesRenderer defunct FlagsRenderer<T> is no longer generic. It is simply FlagsRenderer
Bug fixes
RefreshItem() now correctly recalculates the background color - Fixed bug with simple checkboxes which meant that
CheckedObjects always returned empty. TreeListView now works when visual styles are disabled DataListView now handles boolean types better. It also now longer crashes when the data source is reseated. - Fixed bug with
AlwaysGroupByColumn where column header clicks would not resort groups. - The focused item is now preserved during
BuildList() if possible
10 January 2009 - Version 2.0.1
This version adds some small features and fixes some bugs in 2.0 release.
New or changed features
- Added
ObjectListView.EnsureGroupVisible() - Added
TreeView.UseWaitCursorWhenExpanding property - Made all public and protected methods virtual so they can be overridden in subclasses. Within
TreeListView, some classes were changed from internal to protected so that they can be accessed by subclasses - Made
TreeRenderer public so that it can be subclassed ObjectListView.FinishCellEditing(), ObjectListView.PossibleFinishCellEditing() and ObjectListView.CancelCellEditing() are now public - Added
TreeRenderer.LinePen property to allow the connection drawing pen to be changed
Bug fixes
- Fixed long-standing "multiple columns generated" problem. Thanks to pinkjones for his help with solving this one!
- Fixed connection line problem when there is only a single root on a
TreeListView - Owner drawn text is now rendered correctly when
HideSelection is true. - Fixed some rendering issues where the text highlight rect was miscalculated
- Fixed bug with group comparisons when a group key was null
- Fixed bug with space filling columns and layout events
- Fixed
RowHeight so that it only changes the row height, not the width of the images. TreeListView now works even when it doesn't have a SmallImageList
30 November 2008 - Version 2.0
Version 2.0 is a major change to ObjectListView.
Major changes
- Added
TreeListView which combines a tree structure with the columns on a ListView. - Added
TypedObjectListView which is a type-safe wrapper around an ObjectListView. - Major overhaul of
VirtualObjectListView to now use IVirtualListDataSource. The new version of FastObjectListView and the new TreeListView both make use of this new structure. ObjectListView builds to a DLL, which can then be incorporated into your .NET project. This makes it much easier to use from other .NET languages (including VB). - Large improvement in
ListViewPrinter's interaction with the IDE. All Pens and Brushes can now be specified through the IDE. - Support for tri-state checkboxes, even for virtual lists.
- Support for dynamic tool tips for cells and column headers, via the
CellToolTipGetter and HeaderToolTipGetter delegates respectively. - Fissioned ObjectListView.cs into several files, which will hopefully makes the code easier to approach.
- Added many new events, including
BeforeSorting, AfterSorting, - Generate dynamic methods from
AspectNames using TypedObjectListView.GenerateAspectGetters(). The speed of hand-written AspectGetters without the hand-written-ness. This is the most experimental part of the release. Thanks to Craig Neuwirt for his initial implementation.
Minor changes
- Added
CheckedAspectName to allow check boxes to be gotten and set without requiring any code. - Typing into a list now searches values in the sort column by default, even on plain vanilla
ObjectListViews. The behaviour was previously on available on virtual lists, and was turned off by default. Set IsSearchOnSortColumn to false to revert to v1.x behaviour - Owner drawn primary columns now render checkboxes correctly (previously checkboxes were not drawn, even when
CheckBoxes property was true).
Breaking changes
CheckStateGetter and CheckStatePutter now use only CheckState, rather than using both CheckState and booleans. Use BooleanCheckStateGetter and BooleanCheckStatePutter for behaviour that is compatible with v1.x. FastObjectListViews can no longer have a CustomSorter. In v1.x it was possible, if tricky, to get a CustomSorter to work with a FastObjectListView, but that is no longer possible in v2.0 In v2.0, if you want to custom sort a FastObjectListView, you will have to subclass FastObjectListDataSource and override the SortObjects() method. See here for an example.
24 July 2008 - Version 1.13
Major changes
- Allow check boxes on
FastObjectListViews. .NET's ListView cannot support checkboxes on virtual lists. We cannot get around this limit for plain VirtualObjectListViews, but we can for FastObjectListViews. This is a significant piece of work and there may well be bugs that I have missed. This implementation does not modify the traditional CheckedIndicies/CheckedItems properties, which will still fail. It uses the new CheckedObjects property as the way to access the checked rows. Once CheckBoxes is set on a FastObjectListView, trying to turn it off again will throw an exception. - There is now a
CellEditValidating event, which allows a cell editor to be validated before it loses focus. If validation fails, the cell editor will remain. Previous versions could not prevent the cell editor from losing focus. Thanks to Artiom Chilaru for the idea and the initial implementation. - Allow selection foreground and background colours to be changed. Windows does not allow these colours to be customised, so we can only do these when the
ObjectListView is owner drawn. To see this in action, set the HighlightForegroundColor and HighlightBackgroundColor properties and then call EnableCustomSelectionColors(). - Added
AlwaysGroupByColumn and AlwaysGroupBySortOrder properties, which force the list view to always be grouped by a particular column.
Minor improvements
- Added
CheckObject() and all its friends, as well as CheckedObject and CheckedObjects properties - Added
LastSortColumn and LastSortOrder properties. - Made
SORT_INDICATOR_UP_KEY and SORT_INDICATOR_DOWN_KEY public so they can be used to specify the image used on column headers when sorting. - Broke the more generally useful
CopyObjectsToClipboard() method out of CopySelectionToClipboard(). CopyObjectsToClipboard() could now be used, for example, to copy all checked objects to the clipboard. - Similarly, building the column selection context menu was separated from showing that context menu. This is so external code can use the menu building method, and then make any modification desired before showing the menu. The building of the context menu is now handled by
MakeColumnSelectMenu(). - Added
RefreshItem() to VirtualObjectListView so that refreshing an object actually does something. - Consistently use copy-on-write semantics with
AddObject(s)/RemoveObject(s) methods. Previously, if SetObjects() was given an ArrayList that list was modified directly by the Add/RemoveObject(s) methods. Now, a copy is always taken and modifying, leaving the original collection intact.
Bug fixes (not a complete list)
- Fixed a bug with
GetItem() on virtual lists where the item returned was not always complete . - Fixed a bug/limitation that prevented
ObjectListView from responding to right clicks when it was used within a UserControl (thanks to Michael Coffey). - Corrected bug where the last object in a list could not be selected via
SelectedObject. - Fixed bug in
GetAspectByName() where chained aspects would crash if one of the middle aspects returned null (thanks to philippe dykmans).
10 May 2008 - Version 1.12
- Added
AddObject/AddObjects/RemoveObject/RemoveObjects methods. These methods allow the programmer to add and remove specific model objects from the ObjectListView. These methods work on ObjectListView and FastObjectListView. They have no effect on DataListView and VirtualObjectListView since the data source of both of these is outside the control of the ObjectListView. - Non detail views can now be owner drawn. The renderer installed for primary column is given the chance to render the whole item. See
BusinessCardRenderer in the demo for an example. In the demo, go to the Complex tab, turn on Owner Drawn, and switch to Tile view to see this in action. - BREAKING CHANGE. The signature of
RenderDelegate has changed. It now returns a boolean to indicate if default rendering should be done. This delegate previously returned void. This is only important if your code used RendererDelegate directly. Renderers derived from BaseRenderer are unchanged. - The
TopItemIndex property now works with virtual lists MappedImageRenderer will now render a collection of values - Fixed the required number of bugs:
- The column select menu will now appear when the header is right clicked even when a context menu is installed on the
ObjectListView - Tabbing while editing the primary column in a non-details view no longer tries to edit the new column's value
- When a virtual list that is scrolled vertically is cleared, the underlying
ListView becomes confused about the scroll position, and incorrectly renders items after that. ObjectListView now avoids this problem.
1 May 2008 - Version 1.11
- Added
SaveState() and RestoreState(). These methods save and restore the user modifiable state of an ObjectListView. They are useful for saving and restoring the state of your ObjectListView between application runs. See the demo for examples of how to use them. - Added
ColumnRightClick event - Added
SelectedIndex property - Added
TopItemIndex property. Due to problems with the underlying ListView control, this property has several quirks and limitations. See the documentation on the property itself. - Calling
BuildList(true) will now try to preserve scroll position as well as the selection (unfortunately, the scroll position cannot be preserved while showing groups). ObjectListView is now CLS-compliant - Various bug fixes. In particular,
ObjectListView should now be fully functional on 64-bit versions of Windows.
18 March 2008 - Version 1.10
- Added space filling columns. A space filling column fills all (or a portion) of the width unoccupied by other columns.
- Added some methods suggested by Chris Marlowe:
ClearObjects(), GetCheckedObject(), GetCheckedObjects(), a flavour of GetItemAt() that returns the item and column under a point. Thanks for the suggestions, Chris. - Added minimal support for Mono. To create a Mono version, compile with conditional compilation symbol "MONO". The
Windows.Forms support under Mono is still a work in progress — the listview still has some serious problems (I'm looking at you, virtual mode). If you do have success with Mono, I'm happy to include any fixes you might make (especially from Linux or Mac coders). Please don't ask me Mono questions. - Fixed bug with subitem colours when using owner drawn lists and a
RowFormatter.
2 February 2008 - Version 1.9.1
- Added
FastObjectListView for all impatient programmers. - Added
FlagRenderer to help with drawing bitwise-OR'ed flags (search for FlagRenderer in the demo project to see an example) - Fixed the inevitable bugs that managed to appear:
- Alternate row colouring with groups was slightly off
- In some circumstances, owner drawn virtual lists would use 100% CPU
- Made sure that sort indicators are correctly shown after changing which columns are visible
16 January 2008 - Version 1.9
- Added ability to have hidden columns, i.e. columns that the
ObjectListView knows about but that are not visible to the user. This is controlled by OLVColumn.IsVisible. I added ColumnSelectionForm to the demo project to show how it could be used in an application. Also, right clicking on the column header will allow the user to choose which columns are visible. Set SelectColumnsOnRightClick to false to prevent this behaviour. - Added
CopySelectionToClipboard() which pastes a text and HTML representation of the selected rows onto the Clipboard. By default, this is bound to Ctrl-C. - Added support for checkboxes via
CheckStateGetter and CheckStatePutter properties. See ColumnSelectionForm for an example of how to use. - Added
ImagesRenderer to draw more than one image in a column. - Made
ObjectListView and OLVColumn into partial classes so that others can extend them. - Added experimental
IncrementalUpdate() method, which operates like SetObjects() but without changing the scrolling position, the selection, or the sort order. And it does this without a single flicker. Good for lists that are updated regularly. [Better to use a FastObjectListView and the Objects property] - Fixed the required quota of small bugs.
30 November 2007 - Version 1.8
- Added cell editing — so easy to say, so much work to do
- Added
SelectionChanged event, which is triggered once per user action regardless of how many items are selected or deselected. In comparison, SelectedIndexChanged events are triggered for every item that is selected or deselected. So, if 100 items are selected, and the user clicks a different item to select just that item, 101 SelectedIndexChanged events will be triggered, but only one SelectionChanged event. Thanks to lupokehl42 for this suggestion and improvements. - Added the ability to have secondary sort column used when the main sort column gives the same sort value for two rows. See
SecondarySortColumn and SecondarySortOrder properties for details. There is no user interface for these items — they have to be set by the programmer. ObjectListView now handles RightToLeftLayout correctly in owner drawn mode, for all you users of Hebrew and Arabic (still working on getting ListViewPrinter to work, though). Thanks for dschilo for his help and input.
13 November 2007 - Version 1.7.1
- Fixed bug in owner drawn code, where the text background color of selected items was incorrectly calculated.
- Fixed buggy interaction between
ListViewPrinter and owner drawn mode.
7 November 2007 - Version 1.7
- Added ability to print
ObjectListViews using ListViewPrinter.
30 October 2007 - Version 1.6
- Major changes
- Added ability to give each column a minimum and maximum width (set the minimum equal to the maximum to make a fixed-width column). Thanks to Andrew Philips for his suggestions and input.
- Complete overhaul of
DataListView to now be a fully functional, data-bindable control. This is based on Ian Griffiths' excellent example, which should be available here, but unfortunately seems to have disappeared from the Web. Thanks to ereigo for significant help with debugging this new code. - Added the ability for the
listview to display a "this list is empty"-type message when the ListView is empty (obviously). This is controlled by the EmptyListMsg and EmptyListMsgFont properties. Have a look at the "File Explorer" tab in the demo to see what it looks like.
- Minor changes
- Added the ability to preserve the selection when
BuildList() is called. This is on by default. - Added the
GetNextItem() and GetPreviousItem() methods, which walk sequentially through the ListView items, even when the view is grouped (thanks to eriego for the suggestion). - Allow item count labels on groups to be set per column (thanks to cmarlow for the idea).
- Added the
SelectedItem property and the GetColumn() and GetItem() methods. - Optimized aspect-to-
string conversion. BuildList() is 15% faster. - Corrected the bug with the custom sorter in
VirtualObjectListView (thanks to mpgjunky). - Corrected the image scaling bug in
DrawAlignedImage() (thanks to krita970). - Uses built-in sort indicators on Windows XP or later (thanks to gravybod for sample implementation).
- Plus the requisite number of small bug fixes.
3 August 2007 - Version 1.5
ObjectListViews now have a RowFormatter delegate. This delegate is called whenever a ListItem is added or refreshed. This allows the format of the item and its sub-items to be changed to suit the data being displayed, like red colour for negative numbers in an accounting package. The DataView tab in the demo has an example of a RowFormatter in action. Include any of these words in the value for a cell and see what happens: red, blue, green, yellow, bold, italic, underline, bk-red, bk-green. Be aware that using RowFormatter and trying to have alternate coloured backgrounds for rows can give unexpected results. In general, RowFormatter and UseAlternatingBackColors do not play well together. ObjectListView now has a RowHeight property. Set this to an integer value and the rows in the ListView will be that height. Normal ListViews do not allow the height of the rows to be specified; it is calculated from the size of the small image list and the ListView font. The RowHeight property overrules this calculation by shadowing the small image list. This feature should be considered highly experimental. One known problem is that if you change the row height while the vertical scroll bar is not at zero, the control's rendering becomes confused. - Animated GIF support: if you give an animated GIF as an
Image to a column that has ImageRenderer, the GIF will be animated. Like all renderers, this only works in OwnerDrawn mode. See the DataView tab in the demo for an example. - Sort indicators can now be disabled, so you can put your own images on column headers.
- Better handling of item counts on groups that only have one member: thanks to cmarlow for the suggestion and sample implementation.
- The obligatory small bug fixes.
30 April 2007 - Version 1.4
- Owner drawing and renderers.
ObjectListView now supports all ListView.View modes, not just Details. The tile view has its own support built in. - Column headers now show sort indicators.
- Aspect names can be chained using a "dot" syntax. For example,
Owner.Workgroup.Name is now a valid AspectName. Thanks to OlafD for this suggestion and a sample implementation. ImageGetter delegates can now return ints, strings or Image objects, rather than just ints as in previous versions. ints and strings are used as indices into the image lists. Images are only shown when in OwnerDrawn mode. - Added
OLVColumn.MakeGroupies() to simplify group partitioning.
5 April 2007 - Version 1.3
- Added
DataListView. - Added
VirtualObjectListView. - Added
Freeze()/Unfreeze()/Frozen functionality. - Added ability to hand off sorting to a
CustomSorter delegate. - Fixed bug in alternate line colouring with unsorted lists: thanks to cmarlow for finding this.
- Handle
null conditions better, e.g. SetObjects(null) or having zero columns. - Dumbed-down the sorting comparison strategy. Previous strategy was classic overkill: user extensible, handles every possible situation and unintelligible to the uninitiated. The simpler solution handles 98% of cases, is completely obvious and is implemented in 6 lines.
5 January 2007 - Version 1.2
- Added alternate line colours
- Unset sorter before building list. 10x faster! Thanks to aaberg for finding this.
- Small bug fixes.
26 October 2006 - Version 1.1
- Added "Data Unaware" and "IDE Integration" article sections.
- Added model-object-level manipulation methods, e.g.
SelectObject() and GetSelectedObjects(). - Improved IDE integration.
- Refactored sorting comparisons to remove a nasty
if...else cascade.
14 October 2006 - Version 1.0
License Note
This code is covered by GNU General Public License v3.
