‹Revenir à la recherche

Wk07 / ListView en CsvHelper

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

Cette leçon contient 42 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 60 min

Éléments de cette leçon

ListView en CsvHelper
CSD-I
Week 7

Slide 1 - Diapositive

Cet élément n'a pas d'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 - Diapositive

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

Slide 3 - Question de remorquage

Cet élément n'a pas d'instructions

Ezelsbruggetje
Abstracte
Klasse
Instantieert
Concreet
Object

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Ezelsbruggetje
A bstracte
K lasse
I   nstantieert
C oncreet
O bject

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 6 - Question ouverte

Cet élément n'a pas d'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 - Diapositive

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

Cet élément n'a pas d'instructions

Wat kennen we al...
Een element maken:

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

Wat kennen we al...
Een element maken:



En daar tekst in zetten:

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 11 - Diapositive

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 14 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 15 - Diapositive

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'instructions

Demo

Slide 18 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 19 - Question de remorquage

Cet élément n'a pas d'instructions

Einddoel module

Slide 20 - Diapositive

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'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 - Diapositive

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

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

Slide 24 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 25 - Diapositive

Cet élément n'a pas d'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 - Diapositive

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

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

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

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

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

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

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

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

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

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

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

Slide 37 - Diapositive

Cet élément n'a pas d'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 - Diapositive

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

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

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'instructions

Weekcheck H8
Introductie + aan de slag

Slide 42 - Diapositive

Cet élément n'a pas d'instructions

Plus de leçons comme celle-ci

Révision: l'analyse de la phrase

- Leçon avec 21 diapositives
FransSecundair onderwijs

Hoofdstuk 3 paragraaf 3 & 4

- Leçon avec 30 diapositives
EconomieMBOStudiejaar 2

Wk09 / UI/UX

- Leçon avec 52 diapositives
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

2.3 Nederland bereikbaar

- Leçon avec 20 diapositives
AardrijkskundeMiddelbare schoolhavoLeerjaar 3

WIN wk13 / H8 / Datetime

- Leçon avec 29 diapositives
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

Herhaling Verdienen en Uitgeven hoofdstuk 1

- Leçon avec 16 diapositives
EconomieMiddelbare schoolhavoLeerjaar 5

Less Stress Training 2

- Leçon avec 33 diapositives
EngelsMiddelbare schoolhavoLeerjaar 1

WIN wk14 / H9 / Pandas intro

- Leçon avec 47 diapositives
Applicatie- en mediaontwikkelaarMBOStudiejaar 1