Wk07 / ListView en CsvHelper

ListView en CsvHelper
CSD-I
Week 7
1 / 42
volgende
Slide 1: Tekstslide
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

In deze les zitten 42 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 60 min

Onderdelen in deze les

ListView en CsvHelper
CSD-I
Week 7

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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.
timer
6:00
Stilte, werk voor jezelf
Overleg met buur is ok
Werk in groepjes
Klik en zoom

Slide 2 - Tekstslide

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

Slide 3 - Sleepvraag

Deze slide heeft geen instructies

Ezelsbruggetje
Abstracte
Klasse
Instantieert
Concreet
Object

Slide 4 - Tekstslide

Deze slide heeft geen instructies

Ezelsbruggetje
A bstracte
K lasse
I   nstantieert
C oncreet
O bject

Slide 5 - Tekstslide

Deze slide heeft geen instructies

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

Slide 6 - Open vraag

Deze slide heeft geen instructies

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

Slide 7 - Tekstslide

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.

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Wat kennen we al...
Een element maken:

Slide 9 - Tekstslide

Deze slide heeft geen instructies

Wat kennen we al...
Een element maken:



En daar tekst in zetten:

Slide 10 - Tekstslide

Deze slide heeft geen instructies

Maar wat als je meerdere quotes hebt?
Een element maken:

Slide 11 - Tekstslide

Deze slide heeft geen instructies

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?

Slide 12 - Tekstslide

Deze slide heeft geen instructies

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

Slide 13 - Tekstslide

Deze slide heeft geen instructies

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

Slide 14 - Tekstslide

Deze slide heeft geen instructies

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

Slide 15 - Tekstslide

Deze slide heeft geen instructies

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.

Slide 16 - Tekstslide

Deze slide heeft geen instructies

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.

Slide 17 - Tekstslide

Deze slide heeft geen instructies

Demo

Slide 18 - Tekstslide

Deze slide heeft geen instructies

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

Slide 19 - Sleepvraag

Deze slide heeft geen instructies

Einddoel module

Slide 20 - Tekstslide

Deze slide heeft geen instructies

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

Slide 21 - Tekstslide

Deze slide heeft geen instructies

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?

Slide 22 - Tekstslide

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

Slide 23 - Tekstslide

Wat weten we al?
Alleen stap 3 ontbreekt nog.
Demo .Split()

Slide 24 - Tekstslide

Deze slide heeft geen instructies

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

Slide 25 - Tekstslide

Deze slide heeft geen instructies

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.

Slide 26 - Tekstslide

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

Slide 27 - Tekstslide

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.

Slide 28 - Tekstslide

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

Slide 29 - Tekstslide

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(','):

Slide 30 - Tekstslide

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(','):

Slide 31 - Tekstslide

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

Slide 32 - Tekstslide

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.

Slide 33 - Tekstslide

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.

Slide 34 - Tekstslide

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.

Slide 35 - Tekstslide

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.

Slide 36 - Tekstslide

Wat weten we al?
Alleen stap 3 ontbreekt nog.
Gezamenlijk
Blik op de documentatie van CsvHelper.
Wat herkennen we?

Slide 37 - Tekstslide

Deze slide heeft geen instructies

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.

Slide 38 - Tekstslide

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

Slide 39 - Tekstslide

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(...)

Slide 40 - Tekstslide

Deze slide heeft geen instructies

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

Slide 41 - Tekstslide

Deze slide heeft geen instructies

Weekcheck H8
Introductie + aan de slag

Slide 42 - Tekstslide

Deze slide heeft geen instructies