Label en Button Toevoegen

Het Label maken

Ga naar Palette, open User Interface en sleep Label in Screen 1. Er verschijnt nu het vlak 'Tekst for Label 1'. Kijk ook in Components en Properties. Hier is het Label er ook aan toegevoegd. Verander in Properties, Label 1, Tekst de tekst in 'Pet the Kitty', TextColor in geel, BackgroundColor in blauw. Tot slot, zet FontSize op 20.0. Kijk in Viewer voor het resultaat.

De knop toevoegen

De knop die je gaat toevoegen moet omgezet worden in het plaatje van de kat. Volg de instructie. Sleep uit Palette een knop (Button) in je scherm onder het label. De knop wordt weergegeven als een rechthoek. Button1 is nu ook toegevoegd in Components en onder Properties. Upload nu kitty.png via de uploadknop in Media (onder Components). Nu moet je nog de knop er uit laten zien als de kat. In Properties staat onder Button1 bij Image; none. Verander dit in kitty.png. De knop is veranderd in het plaatje van de kat, maar in het plaatje staat nog tekst. Haal die weg. Viewer ziet er nu als volgt uit.

Het Meow  geluid toevoegen

Kies in Palette de categorie Media door er op te klikken. Sleep Sound in Screen1. Sound1 verschijnt onder Screen1 als niet zichtbare component. Sound1 wordt ook toegevoegd aan Components en wordt weergegeven in Properties. In Properties wordt de selectie van Components weergegeven. Upload Meow.mp3 via de uploadknop in Media en selecteer dit bestand in Properties, Sound1 onder Source. In het designer gedeelte ben je nu klaar.

Een overzicht.

Pallete groep	Component type	Naam component	Doel
User Interface	Label	Label1	Tekst “Pet the Kitty” weergeven
User Interface	Button	Button1	Laat de kat miauwen
Media	Sound	Sound1	Speelt meow.mp3 af