Lag Grupper i en ListView (ListViewGroup)

Som jeg sa flere ganger, er den listevisningen kontroll en av de mest bruk når utvikle et program i Visual Basic. Net.

I dag vil jeg vise en måte å få mer ut av denne kontrollen, og også la mye mer attraktiv ved å opprette grupper og bruk av et bakgrunnsbilde.

for eksempel trenger vi: en form og en listevisningen. Skal se ut som følgende bilde:

For å vise resultatene vi trenger data, og for at jeg opprettet en DataTable i minnet, og fylte den med fire poster. Feltene er Navn, Etternavn, Telefon og Sted.

Jeg ønsker å vise i dette eksempelet en liste over personer med navn og telefonnumre gruppert etter plassering. Først analysere følgende kode hvis du vil prøve det å se hvordan det fungerer og så skal jeg forklare noen ting.

 Dim dt som ny DataTable
 dt.Columns.Add ("Navn")
 dt.Columns.Add ("Navn")
 dt.Columns.Add ("Phone")
 dt.Columns.Add ("City")

 Dim dr Som DataRow = dt.NewRow

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

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

 dr = dt.NewRow

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

 dr = dt.NewRow

 dr ("Navn") = "Estevan"
 dr ("Navn") = "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 som ny ListViewGroup

 For hver R Som DataRow I dt.Rows

 Hvis r ("City"). ToString <> Så grupoActual
 Ny ListViewGroup g = (r ("City"). ToString)
 grupoActual = r ("City"). toString
 ListView1.Groups.Add (g)
 End If

 Dim element som ny ListViewItem ("")
 item.SubItems.Add (r ("Navn"). toString)
 item.SubItems.Add (r ("Etternavn"). toString)
 item.SubItems.Add (r ("Phone"). toString)
 item.Group = g

 ListView1.Items.Add (element)
 Neste

Vel, de første linjene viser til etableringen av DataTable og fylling av data og det vil ikke kommentere. Konsentrere oss om hvordan å fylle listevisningen.

Først vil jeg lage en for hver sløyfe gjennom alle postene i tabellen jeg har i minnet. Så jeg lage en tekst variabel (grupoActual) for å lagre gruppen navnet (det siste jeg har lagt til listevisningen) og jeg tror også et objekt ListViewGroup (g). Det første jeg gjør å begynne ned postene er å tildele området (som er det feltet jeg ønsker å jobbe som en gruppe) til ListView1 og holde disse dataene i variabelen grupoActual for fremtidige sammenligninger. Deretter tar et ListViewItem som alltid motsetning som tilsa at dette elementet tilhører gruppen "g", lagt elementet til ListView1 og klar. Passerer gjennom de andre postene og utføre sammenligning bare opprette en ny gruppe da byen endringene.

Resultatet vil se slik ut:

Nå for alt penere, anbefaler jeg å lage et bilde for bakgrunnen. Jeg tror jeg nevnte at jeg foretrekker Photoshop, men du kan bruke hvilket som helst bilde editor for å lage en JPG til bruk i bakgrunnen. Vær oppmerksom på at fargene ikke skal være veldig sterk fordi det er difilcultará lese dataene.

Her vil jeg la et bilde som jeg bruker i dette eksempelet:

For å bruke den via egenskapene for listevisningen, finner BackgroundImage og deretter legge til bildet som vist nedenfor:

og du må også endre eiendommen til True og klar BackgroundImageTiled. Jeg viser det endelige resultatet:

Det er det, håper jeg de tjener.