Wk07 / ListView en CsvHelper

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

This lesson contains 42 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 60 min

Items in this lesson

ListView en CsvHelper
CSD-I
Week 7

Slide 1 - Slide

This item has no instructions

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 - Slide

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

Slide 3 - Drag question

This item has no instructions

Ezelsbruggetje
Abstracte
Klasse
Instantieert
Concreet
Object

Slide 4 - Slide

This item has no instructions

Ezelsbruggetje
A bstracte
K lasse
I   nstantieert
C oncreet
O bject

Slide 5 - Slide

This item has no instructions

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

Slide 6 - Open question

This item has no instructions

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 - Slide

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 - Slide

This item has no instructions

Wat kennen we al...
Een element maken:

Slide 9 - Slide

This item has no instructions

Wat kennen we al...
Een element maken:



En daar tekst in zetten:

Slide 10 - Slide

This item has no instructions

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

Slide 11 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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

Slide 14 - Slide

This item has no instructions

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

Slide 15 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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 - Slide

This item has no instructions

Demo

Slide 18 - Slide

This item has no instructions

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

Slide 19 - Drag question

This item has no instructions

Einddoel module

Slide 20 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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 - Slide

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 - Slide

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

Slide 24 - Slide

This item has no instructions

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

Slide 25 - Slide

This item has no instructions

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 - Slide

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 - Slide

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 - Slide

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 - Slide

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 - Slide

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 - Slide

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 - Slide

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 - Slide

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 - Slide

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 - Slide

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 - Slide

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

Slide 37 - Slide

This item has no instructions

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 - Slide

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 - Slide

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 - Slide

This item has no instructions

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 - Slide

This item has no instructions

Weekcheck H8
Introductie + aan de slag

Slide 42 - Slide

This item has no instructions