C# MetroFramework - MetroListView - Fill From Hashtable

| Page Views: 26

In this class we see how to populate a metroframework metrolistview with data from a hashtable.

With the hashtable as our data source, we populate our multicolumn metrolistview with data.

We then handle itemclicks for the listview then show a messagebox.

Example Demo

Let's go.

1. Create Empty Project

  1. Open up Visual Studio and proceed over to File --> New Project

  2. A new dialog popus up like this:

Create Project

  1. Give our empty project a name and click OK. An empty project will get generated for us.

2. Install Metro Framework

If you haven't installed it yet. If you have then just add reference dlls to your project.

  1. Right click the references section of your project and select manage nuget packages.A dialog popups up.

  2. Search "Metro Framework" by Dennis Magno and click install as below.

Install MetroFramewok

3. Add Metro Framework DLLs to Project

We now need to add metro framework dlls to our project to use metro framework.

  1. Next right click the references section of your project and add the metroframework dlls from the packages directory onto which they were installed. You may need to search that directory in your computer.

Add MetroFramewok DLLs

  1. You should have it like these:

MetroFramewok References

4. Make project a Windows Project

Just right click on your project choose properties and set output type to Windows Application:

MetroFramewok References

5. Program.cs

We have one class, Program.cs.

using System;
using System.Collections;
using System.Drawing;
using System.Windows.Forms;
using MetroFramework.Controls;
using MetroFramework.Forms;

namespace MetroListViewHashTable
    static class Program
        private static MetroListView metroListView;
        public static void Main()

        private static void createMetroForm()
            MetroForm myForm = new MetroForm
                Text = "MetroListView HashTable - Nebulae",
                ClientSize = new Size(564, 520)

        private static void setupListView()
            metroListView = new MetroListView { Location = new Point(30, 70), Size = new Size(400, 400), View = View.Details, FullRowSelect = true, Alignment = ListViewAlignment.SnapToGrid };
            metroListView.Columns.Add("NEBULAR", 200);
            metroListView.Columns.Add("CATEGORY", 200);
            metroListView.MultiSelect = false;
            metroListView.ItemSelectionChanged += metroListView_ItemSelectionChanged;

        static void metroListView_ItemSelectionChanged(object sender, ListViewItemSelectionChangedEventArgs e)
            if (e.IsSelected)
                ListViewItem listViewItem = e.Item;

        private static void populateData()
            Hashtable nebulae=new Hashtable
                { "Horse Head","HII REGION"},
                {"Black Widow","REFLECTION NEBULAR"},
                { "Ghost Head","HII REGION"},
                { "Witch Head" ,"PLANETARY NEBULAR"},
                { "Cat's Eye","DARK NEBULAR"},
                { "Elephant's Trunk","HII REGION"},
                { "Helix", "SUPERNOVA REMNANTS"},
                { "Rosette","REFLECTION NEBULAR"},
                { "Ant","PLANETARY NEBULAR"},
                { "Orion","HII REGION"},
                { "Eagle","REFLECTION NEBULAR"},
                { "Roesette","PLANETARY NEBULAR"},
                { "Bernad 68","SUPERNOVA REMNANTS"},
                { "Butterfly","DARK NEBULAR"},
                { "Snake","DARK NEBULAR"},
                { "Own","REFLECTION NEBULAR"},
                { "Ring", "SUPERNOVA REMNANTS"},
                { "Pelican","PLANETARY NEBULAR"},
                { "Cone","DARK NEBULAR"},
                { "Flame","REFLECTION NEBULAR"},
                { "Bumerang", "SUPERNOVA REMNANTS"}

            int i = -1;
            String[] nebulaeCategories=new string[nebulae.Values.Count];
            foreach (string nebular in nebulae.Values)
                //take note we pre-increment our variable. It will add first then return the value. So it will start at 0;
                nebulaeCategories[++i] = nebular;

            int j = -1;
            foreach (string nebular in nebulae.Keys)
                //take note we pre-increment our variable. It will add first then return the value. So it will start at 0;
                metroListView.Items.Add(new ListViewItem(new[] { nebular, nebulaeCategories[++j] }));

Best Regards, Oclemy.

How do You Feel after reading this?

According to scientists, we humans have 8 primary innate emotions: joy, acceptance, fear, surprise, sadness, disgust, anger, and anticipation. Feel free to tell us how you feel about this article using these emotes or via the comment section. This feedback helps us gauge our progress.

Help me Grow.

I set myself some growth ambitions I desire to achieve by this year's end regarding this website and my youtube channel. Am halfway. Help me reach them by:


What do You Think

Previous Post Next Post