Wk07 / ListView en CsvHelper

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 1

ListView en CsvHelper

CSD-I

Week 7

Opdracht: bekijk programma en antwoord

1. Benoem één van de attributen in de Xaml. Geef ook het regelnummer.
2. Wat is het effect van Visibility op r31?
3. Waarom staat tekst op r35 in een Run?
4. Waarop wacht await op r38?
5. Wat doet return op r42?
6. Benoem waar in de code-behind een instantie wordt gemaakt van een klasse.
7. Beredeneer uit de C#-code op welke regel in de .attrinfo de beschrijving staat.

Stilte, werk voor jezelf

Overleg met buur is ok

Werk in groepjes

Klik en zoom

Vragen laten beantwoorden in textdocumentje en daarna "cold call" vragen in de klas.

Object

Instantie

Klasse

Ezelsbruggetje

Abstracte

Klasse

Instantieert

Concreet

Object

Ezelsbruggetje

A bstracte

K lasse

I   nstantieert

C oncreet

O bject

Maak een self-closing Lorem-tag met een Ipsum attribuut dat je de waarde 'Dolor' geeft.

Deze week

Van eenvoudige textfiles naar databestanden.

• Data tonen in een ListView-element
• Werken met een externe library via NuGet
• Een .csv inlezen met de CsvHelper-library

We bouwen verder op het tonen van data uit een tekstbestand. Waar we vorig hoofdstuk met weinig data hebben gewerkt, gaan we nu met veel data uit een csv-bestand werken. We gaan alle regels met data uit een csv-bestand in een lijst in onze app laten zien. Iedere regel krijgt dan een eigen plek in de lijst.

Deze week

Van eenvoudige textfiles naar databestanden.

• Data tonen in een ListView-element
• Werken met een externe library via NuGet
• Een .csv inlezen met de CsvHelper-library

Volgende week: theorietoets.

Wat kennen we al...

Een element maken:

Wat kennen we al...

Een element maken:

En daar tekst in zetten:

Maar wat als je meerdere quotes hebt?

Een element maken:

Maar wat als je meerdere quotes hebt?

Een element maken:

Maar... Nu krijg je een lijst met een onbekend aantal quotes.

Hoeveel TextBlocks maak je?

Maar wat als je meerdere quotes hebt?

Een element maken:

Maar... Nu krijg je een lijst met een onbekend aantal quotes.

Hoeveel TextBlocks maak je?

X

Het antwoord...

• Maak een ListView met één keer een template.

Het antwoord...

• Maak een ListView met één keer een template.

Het antwoord...

• Maak een ListView met één keer een template.
• Als je je programma start, wordt de template herhaald voor ieder item in de lijst.

Het antwoord...

• Maak een ListView met één keer een template.
• Als je je programma start, wordt de template herhaald voor ieder item in de lijst.

Demo

<ListView.ItemTemplate>

<ListView ...>

<DataTemplate ...>

<TextBlock Text="{x:Bind ...}">

Einddoel module

Stappenplan van de klachten-app

1. Een file-picker openen
2. Een bestand openen in de code
3. Databestand omzetten naar List
4. List<Complaint> tonen in een ListView
5. Actie uitvoeren als je op knop drukt

Stappenplan van de klachten-app

1. Een file-picker openen
2. Een bestand openen in de code
3. Databestand omzetten naar List
4. List<Complaint> tonen in een ListView
5. Actie uitvoeren als je op knop drukt

Wat kennen we al?

Wat weten we al?

Alleen stap 3 ontbreekt nog.

Stappenplan van de klachten-app

1. Een file-picker openen
2. Een bestand openen in de code
3. Databestand omzetten naar List
4. List<Complaint> tonen in een ListView
5. Actie uitvoeren als je op knop drukt

Wat weten we al?

Alleen stap 3 ontbreekt nog.

Demo .Split()

Split()

Met de Split() functie kun je een string omzetten naar een lijst op basis van een karakter

Aan de slag

Stilte, werk voor jezelf

Overleg met buur is ok

Werk in groepjes

Doel:

* Je hebt de ListView eens gebruikt.

* Begrip van hoe een CSV  

   ingelezen kan worden.

* Voor latere opdrachten kun je het 

   terugvinden en opnieuw 

   overnemen.

We bouwen verder op het tonen van data uit een tekstbestand. Waar we vorig hoofdstuk met weinig data hebben gewerkt, gaan we nu met veel data uit een csv-bestand werken. We gaan alle regels met data uit een csv-bestand in een lijst in onze app laten zien. Iedere regel krijgt dan een eigen plek in de lijst.

Aan de slag

H8, opdr. 4

Lees alle stappen.

Zie bladzijde 101.

Stilte, werk voor jezelf

Overleg met buur is ok

Werk in groepjes

Doel:	* Je hebt de ListView eens gebruikt. * Begrip van hoe een CSV ingelezen kan worden. * Voor latere opdrachten kun je het terugvinden en opnieuw overnemen.
Hulp:	Vraag de docent
Klaar:	Werk aan verdiepende opdr. vorige week (huisberekenaar / pokebattle) Of lees alvast H8, paragraaf 6 en 7

We bouwen verder op het tonen van data uit een tekstbestand. Waar we vorig hoofdstuk met weinig data hebben gewerkt, gaan we nu met veel data uit een csv-bestand werken. We gaan alle regels met data uit een csv-bestand in een lijst in onze app laten zien. Iedere regel krijgt dan een eigen plek in de lijst.

Dat kan makkelijker...

3. Databestand omzetten naar List

   > stap kost een hoop code om zelf te bouwen.

Wat weten we al?

Alleen stap 3 ontbreekt nog.

Dat kan makkelijker...

3. Databestand omzetten naar List

   > stap kost een hoop code om zelf te bouwen.

En er zijn allerlei uitzonderingen:

16, Hardlopen, maar alleen bij goed weer

Wat weten we al?

Alleen stap 3 ontbreekt nog.

Dat kan makkelijker...

3. Databestand omzetten naar List

   > stap kost een hoop code om zelf te bouwen.

En er zijn allerlei uitzonderingen:

16, Hardlopen, maar alleen bij goed weer

.Split(','):

Wat weten we al?

Alleen stap 3 ontbreekt nog.

Dat kan makkelijker...

3. Databestand omzetten naar List

   > stap kost een hoop code om zelf te bouwen.

En er zijn allerlei uitzonderingen:

16, Hardlopen, maar alleen bij goed weer

16

Hardlopen

maar alleen bij goed weer

.Split(','):

Wat weten we al?

Alleen stap 3 ontbreekt nog.

Dat kan makkelijker...

3. Databestand omzetten naar List

   > stap kost een hoop code om zelf te bouwen.

En er zijn allerlei uitzonderingen:

16, Hardlopen, maar alleen bij goed weer

16

Hardlopen

maar alleen bij goed weer

.Split(','):

X

Wat weten we al?

Alleen stap 3 ontbreekt nog.

Dat kan makkelijker...

Anderen hebben dit probleem als voor ons opgelost!

> We gaan een externe library gebruiken.

Wat weten we al?

Alleen stap 3 ontbreekt nog.

Dat kan makkelijker...

Anderen hebben dit probleem als voor ons opgelost!

> We gaan een externe library gebruiken.

De package-manager ('app store') voor

C# heet NuGet.

Wat weten we al?

Alleen stap 3 ontbreekt nog.

Dat kan makkelijker...

Anderen hebben dat probleem als voor ons opgelost!

> We gaan een externe library gebruiken.

De package-manager ('app store') voor

C# heet NuGet.

Wat weten we al?

Alleen stap 3 ontbreekt nog.

Dat kan makkelijker...

Anderen hebben dat probleem als voor ons opgelost!

> We gaan een externe library gebruiken.

De package-manager ('app store') voor

C# heet NuGet.

Library voor ons probleem: CsvHelper.

Wat weten we al?

Alleen stap 3 ontbreekt nog.

Gezamenlijk

Blik op de documentatie van CsvHelper.

Wat herkennen we?

https://joshclose.github.io/CsvHelper/getting-started/

Aan de slag

Stilte, werk voor jezelf

Overleg met buur is ok

Werk in groepjes

Doel:

* Kennismaken met NuGet

* CsvHelper een keer gebruikt.

* Bij volgende opdracht kun je het

   terugzoeken en opnieuw 

   overnemen.

We bouwen verder op het tonen van data uit een tekstbestand. Waar we vorig hoofdstuk met weinig data hebben gewerkt, gaan we nu met veel data uit een csv-bestand werken. We gaan alle regels met data uit een csv-bestand in een lijst in onze app laten zien. Iedere regel krijgt dan een eigen plek in de lijst.

Aan de slag

H7, opdr. 8

Lees alle stappen.

Zie bladzijde 110.

Stilte, werk voor jezelf

Overleg met buur is ok

Werk in groepjes

Doel:	* Kennismaken met NuGet * CsvHelper een keer gebruikt. * Bij volgende opdracht kun je het terugzoeken en opnieuw overnemen.
Hulp:	Vraag de docent
Klaar:	Weekcheck H7

We bouwen verder op het tonen van data uit een tekstbestand. Waar we vorig hoofdstuk met weinig data hebben gewerkt, gaan we nu met veel data uit een csv-bestand werken. We gaan alle regels met data uit een csv-bestand in een lijst in onze app laten zien. Iedere regel krijgt dan een eigen plek in de lijst.

Samengevat H6 en H7

Komende weken kan ik terugzoeken en overnemen:

• Maken en tonen van een filepicker
• Openen van een file met usings
• ListView en DataTemplate
• NuGet en CsvHelper
• string.Split(...)

Samengevat H6 en H7

Komende weken kan ik terugzoeken en overnemen:

• Maken en tonen van een filepicker
• Openen van een file met usings
• ListView en DataTemplate
• NuGet en CsvHelper
• string.Split(...)

Niet uit je hoofd, wel kunnen gebruiken

Weekcheck H8

Introductie + aan de slag