Tagarchief: Tutorial

Apps programmeren in Flutter-2

Dit is deel 2 van de tutorial het maken van van een eenvoudige app met een menubalk. Op de menubalk bevinden zich drie knoppen waarmee u naar drie verschillende pagina’s navigeert. De pagina’s hebben elk een andere kleur, maar zijn verder nog leeg. Bij een echte app zou u hierop informatie of interactieve onderdelen plaatsen. Deze mini-app geeft een beeld van de wijze waarop u in Flutter een gebruikersinterface maakt. In het eerste deel gingen we aan het werk in Dartpad en maakten we een widget ‘scherm1’. In dit vervolg maken we meer widgets en creëren we een basisscherm.

Stap 4: Meer widgets maken

Ons doel is om een app te maken waarmee de gebruiker tussen drie schermen kan schakelen. Daarom voegen we eerst twee schermen toe. Dat gaat heel eenvoudig.

  • Kopieer de klasse Scherm1: dat is alle code uit stap 3.
  • Plak deze twee keer onder de andere code, na de laatste accolade. U krijgt nu een foutmelding bij de namen van de nieuwe klassen (omdat u vaker dezelfde naam gebruikt).
  • Verander de namen van de laatste twee klassen in Scherm2 en Scherm 3.
  • Verander de kleuren: color: Colors.red wordt color: Colors.blue bij Scherm2 en color:Colors.green bij Scherm3.

Lees verder Apps programmeren in Flutter-2

Adobe Illustrator en Bitmap Fonts. Deel 2

In dit tweede deel (zie HIER voor deel 1) gebruiken we Pixels als Picture Elements, de onderdelen waar de afbeelding uit is opgebouwd. Die onderdelen hoeven niet vierkant te zijn of dezelfde kleur te hebben, maar kunnen qua vorm en kleur variëren. We gaan de lettervorm opdelen in kleine rechthoeken, die we vervolgens kunnen manipuleren door middel van scripts.

We gebruiken dit keer niet de Afbeeldingen Overtrekken-optie, maar de optie Objectmozaïek maken…
• Maak net zoals in het eerste deel een Bitmap van je tekst door middel van het Rasteren effect.
• Kies voor Object > Vormgeving uitbreiden om er een afbeelding van te maken.
• Zet Slimme Hulplijnen (Cmd/Ctrl U) aan.
• Trek een rechthoek vanuit de linker bovenhoek over de afbeelding. Zorg ervoor dat hij precies even groot is. Geef hem geen vulling, maar wel een lijn, 0,5 pt is voldoende.

01_Rechthoek

Lees verder Adobe Illustrator en Bitmap Fonts. Deel 2