Erstellen von Gruppen in einem ListView (ListViewGroup)

Wie ich schon mehrmals gesagt, ist das ListView-Steuerelement eine der Einsatz beim Entwickeln einer Applikation in Visual Basic. NET.

Heute möchte ich einen Weg zeigen, um mehr aus diesem Griff zu bekommen und lassen auch viel attraktiver durch die Schaffung von Gruppen und die Verwendung eines Hintergrundbildes.

zum Beispiel brauchen wir: ein Formular und eine Listenansicht. Sollte wie folgt aussehen:

Um die Ergebnisse brauchen wir Daten angezeigt werden, und dafür habe ich eine DataTable im Speicher und füllte ihn mit vier Datensätze. Die Felder sind Name, Nachname, Telefonnummer und Standort.

Ich möchte in diesem Beispiel zeigen eine Liste von Personen mit Namen und Telefonnummern Gruppierung nach Speicherort. Zunächst analysieren Sie den folgenden Code, wenn Sie es versuchen, um zu sehen wie es funktioniert und dann werde ich ein paar Dinge erklären wollen.

 Dim dt As New DataTable
 dt.Columns.Add ("Name")
 dt.Columns.Add ("Name")
 dt.Columns.Add ("Phone")
 dt.Columns.Add ("City")

 Dim dr As DataRow = dt.NewRow

 dr ("Name") = "John"
 dr ("Name") = "Smith"
 dr ("Phone") = "4587-9546"
 dr ("Location") = "Moron"
 dt.Rows.Add (dr)

 dr = dt.NewRow
 dr ("Name") = "Marcelo"
 dr ("Name") = "Roland"
 dr ("Phone") = "7415-8945"
 dr ("Location") = "Moron"
 dt.Rows.Add (dr)

 dr = dt.NewRow

 dr ("Name") = "Javier"
 dr ("Name") = "Martinez"
 dr ("Phone") = "4567-9654"
 dr ("Location") = "Castelar"
 dt.Rows.Add (dr)

 dr = dt.NewRow

 dr ("Name") = "Estevan"
 dr ("Name") = "Vazquez"
 dr ("Phone") = "9452-4515"
 dr ("Location") = "Castelar"
 dt.Rows.Add (dr)

 ListView1.FullRowSelect = True
 ListView1.MultiSelect = False

 Dim As String = String.Empty grupoActual

 Dim g As New ListViewGroup

 Für jedes r Wie DataRow In dt.Rows

 Wenn r ("City"). ToString <> Dann grupoActual
 New ListViewGroup g = (r ("City"). ToString)
 grupoActual = r ("City"). ToString
 ListView1.Groups.Add (g)
 End If

 Dim Element als neue ListViewItem ("")
 item.SubItems.Add (r ("Name"). ToString)
 item.SubItems.Add (r ("Nachname"). ToString)
 item.SubItems.Add (r ("Phone"). ToString)
 item.Group = g

 ListView1.Items.Add (item)
 Nächste

Nun beziehen sich die ersten Zeilen zur Entstehung der DataTable und Ergänzung von Daten, und es wird nicht zu kommentieren. Konzentrieren Sie sich auf, wie die ListView zu füllen.

Zuerst erstelle ich eine For Each-Schleife durch alle Datensätze in der Tabelle habe ich in Erinnerung. Dann erstelle ich eine Textvariable (grupoActual), um den Namen der Gruppe zu speichern (die letzte, fügte ich das ListView) und ich denke auch, ein Objekt ListViewGroup (g). Das erste, was ich tun, um zu starten unten die Datensätze ist es, den Standort (das ist das Feld Ich will mich als einer Gruppe zu arbeiten), um ListView1 zuzuordnen und zu halten, dass die Daten in der Variablen grupoActual für zukünftige Vergleiche. Dann laden ein ListViewItem wie immer anders als angegeben, dass dieser Punkt auf die Gruppe "G" gehört, fügte das Element, um ListView1 und fertig. Durch die andere Aufzeichnungen und führen Sie den Vergleich nur eine neue Gruppe erstellen, wenn die Stadt verändert.

Das Ergebnis wird wie folgt aussehen:

Jetzt für alles, was schöner aussehen, empfehle ich ein Image für den Hintergrund. Ich glaube, ich erwähnte, dass ich lieber Photoshop, aber Sie können jedes beliebige Bild-Editor verwenden, um eine JPG für den Einsatz in den Hintergrund zu schaffen. Beachten Sie, dass Farben nicht sehr stark sein, weil es difilcultará Lesen der Daten ist.

Hier lasse ich ein Bild, dass ich in diesem Beispiel verwenden:

Um es einfach zu verwenden, von den Eigenschaften des ListView, finden die BackgroundImage und fügen Sie das Bild wie unten dargestellt:

und Sie haben auch die Eigenschaft auf True und bereit BackgroundImageTiled ändern. Ich zeige das Endergebnis:

Das ist es, ich hoffe, sie dienen.