{"id":1133,"date":"2022-05-24T12:18:23","date_gmt":"2022-05-24T11:18:23","guid":{"rendered":"https:\/\/wiskunst.nl\/?page_id=1133"},"modified":"2022-10-17T14:16:15","modified_gmt":"2022-10-17T13:16:15","slug":"lazarus-klokje-nieuwe-vensters","status":"publish","type":"page","link":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/","title":{"rendered":"Lazarus-Klokje-Nieuwe vensters"},"content":{"rendered":"<p><strong><span class=\"collapseomatic \" id=\"id69de2af9d2e6c\"  tabindex=\"0\" title=\"Afleveringen\"    >Afleveringen<\/span><div id=\"target-id69de2af9d2e6c\" class=\"collapseomatic_content \"><\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/\">Start<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/\">Zonder form<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/\">Zichtbaarheid en pop<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/\">Opmaak<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-instellingen-bewaren\/\">Instellingen bewaren<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-analoog\/\">Analoog<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-analoog-opmaak\/\">Analoog opmaak<\/a><\/li>\n<li>Nieuwe vensters<\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-alarm\/\">Alarm<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-finale\/\">Finale<\/a> <\/div><\/li>\n<\/ul>\n<h2>We gaan wat nieuwe vensters maken.<\/h2>\n<p>Dit wordt niet de moeilijkste aflevering, maar we hebben nog wat puntjes op te lossen.<\/p>\n<h4>De About-box<\/h4>\n<p>We beginnen met een About-box. Dit is een venster met informatie over bijvoorbeeld de maker dezes, een verwijzing naar een website, etc.<\/p>\n<p>Het invoegen van een nieuw venster is zeer eenvoudig.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Kies vanuit het Lazarus menu de optie <em>Bestand&#8211;&gt;Nieuwe Form<\/em>.<\/span><\/p>\n<p>Lazarus zet gelijk een nieuwe <em>Form<\/em> op het scherm en maakt de code aan. Deze code is in de <em>Broncode Bewerker<\/em> te zien als tweede tab. De bijbehorende <em>unit<\/em> heeft als standaard naam <em>unit2<\/em> gekregen.<br \/>\nWe gaan eens wat op het <em>Form<\/em> zetten en een aantal properties (ook van het <em>Form<\/em> zelf) aanpassen.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Geef het <em>Form<\/em> de <em>Name<\/em> <strong><em>frmAbout<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet de property <em>BorderStyle<\/em> op <strong><em>bsDialog<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef <em>Caption<\/em> de waarde <strong><em>About<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet de property <em>Position<\/em> op de waarde <strong><em>poScreenCenter<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Plaats een <em>Label<\/em> op het <em>Form<\/em> met <em>Caption<\/em> = <strong><em>Klokje<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef het <em>Label<\/em> een mooi font met grote vette letters.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Plaats een <em>Button<\/em> op het <em>Form<\/em> met <em>Name<\/em> = <strong><em>btnOK<\/em> <\/strong>en <em>Caption<\/em> = <strong><em>OK<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Implementeer de <em>btnOKClick<\/em>-event als volgt:<\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\"> &#8211;\u00a0 \u00a0close;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Verklein het <em>Form<\/em> een beetje.<\/span><\/p>\n<p>Het Form zou er als volgt kunnen uitzien:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1632 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_27.jpg\" alt=\"\" width=\"198\" height=\"158\" \/><\/p>\n<p>Nog niet erg spectaculair, maar dat komt nog wel.<br \/>\nNu moeten we het About-venster ook zichtbaar kunnen maken. Dat doen we vanuit het menu.<br \/>\nHet menu is echter gekoppeld aan <em>frmKlokje<\/em> en vanuit daar willen we de About-form aanroepen.<\/p>\n<h4>Koppeling tussen verschillende Forms<\/h4>\n<p>Dit betekent dat <em>frmKlokje<\/em> &#8220;weet&#8221; moet hebben van <em>frmAbout<\/em>. We maken hiertoe een verwijzing via \u00e9\u00e9n van de <em>Uses<\/em>-clausules; de keus is de <em>Uses<\/em> van het <em>interface<\/em>-gedeelte of van het <em>implementation<\/em>-gedeelte.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Ga naar de code van van <em>frmKlokje<\/em> (dus <em>Unit1<\/em>).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg <strong><em>Unit2<\/em> <\/strong>toe aan de <em>Uses<\/em>-clausule van het <em>interface<\/em>-gedeelte (units worden gescheiden met een komma).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Breid het <em>popMenu<\/em> uit door onder de separator (-) het item <strong><em>About<\/em><\/strong> met <em>Name<\/em> = <em>popAbout<\/em> op te nemen.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet hieronder nog een separator (dus een <strong><em>&#8211;<\/em><\/strong>) met <em>Name<\/em> = <strong><em>popSep2<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Implementeer het event <em>popAboutClick<\/em> als volgt:<\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\"> &#8211; frmAbout.ShowModal;<\/span><\/em><\/strong><\/span><\/p>\n<h4>Show(Modal)<\/h4>\n<p>Met deze laatste opdracht wordt het About-venster zichtbaar. Het verschil tussen de methodes <em>Show<\/em> en <em>ShowModal<\/em> is als volgt: Wanneer een <em>Form<\/em> wordt geactiveerd met <em>Show<\/em> dan zijn de andere Forms nog steeds bereikbaar, met <em>ShowModal<\/em> is dat niet het geval en zal eerst het <em>ShowModal<\/em>-Form moeten worden afgesloten voordat er weer van andere Forms gebruik kan worden gemaakt.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Run het klokje.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Bewaar het klokje onder de default naam <strong><em>unit2.pas<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Kies uit het menu de optie <em>About<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Klik op de knop <em>OK<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Sluit het klokje weer.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1633 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_28.jpg\" alt=\"\" width=\"198\" height=\"157\" \/><\/p>\n<p><strong><span style=\"font-family: helvetica, arial, sans-serif;\"><span style=\"text-decoration: underline;\">Opmerking<\/span>: Het kan voorkomen dat er in de ontwikkel-omgeving het ene <em>Form<\/em> onder een andere <em>Form<\/em> terecht komt. Via de Code-editor kunt u altijd ieder <em>Form<\/em> naar boven halen. Klik op de tab van de code van het <em>Form<\/em>. Druk daarna op de functie-toets <span style=\"font-size: 14pt;\"><em>F12<\/em><\/span>. <span style=\"font-size: 14pt;\"><em>F12<\/em> <\/span>&#8220;toggled&#8221; tussen Form en code.<\/span><\/strong><\/p>\n<h4>Openen website<\/h4>\n<p>Laten we nog een functionaliteit toevoegen aan het About-Form. Een verwijzing naar een website.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Zet nog een <em>Label<\/em> op het (About) <em>Form<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet <em>Name<\/em> = <strong><em>lblWebsite<\/em><\/strong>, <em>Caption<\/em> = <strong><em>HJGSoft.nl<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Pas het <em>Font<\/em> weer aan en zorg ervoor dat de tekst onderstreept is.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef de property <em>Cursor<\/em> de waarde <strong><em>crHandPoint<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Activeer het <em>OnClick<\/em>-event van <em>lblWebsite<\/em>.<\/span><\/p>\n<p>Het openen van een website is niet moeilijk. In de unit <em>lclIntf<\/em> zit de method <em>OpenURL<\/em> dat als parameter de naam van de website wil hebben. <em>OpenURL<\/em> zal dan de default-browser openen\/activeren en op een nieuwe tab de website laden.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Voeg de unit <strong><em>lclIntf<\/em> <\/strong>toe aan de <em>Uses<\/em>-clausule in het <em>interface<\/em>-gedeelte van de <em>frmAbout<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg de volgende regel toe aan <em>lblWebsiteClick<\/em>:<\/span><br \/>\n<span style=\"font-size: 10pt;\"><em><strong><span style=\"font-family: 'courier new', courier, monospace;\"> &#8211;\u00a0 \u00a0OpenURL(&#8216;https:\/\/hjgsoft.nl&#8217;);<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run de klok en kies uit het menu <em>About<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Klik op <span style=\"text-decoration: underline;\"><strong><em>HJGSoft.nl<\/em><\/strong><\/span>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Sluit het klokje weer.<\/span><\/p>\n<p>Natuurlijk kunt u het About-form zo mooi maken als u zelf wilt.<\/p>\n<h4>Verschillende wijzerplaten<\/h4>\n<p>Een ander puntje dat nog openstaat is het kiezen van een <em>wijzerplaat<\/em>. We gaan dit doen in een nieuwe Form. In dit nieuwe Form kunt u door de mogelijke wijzerplaten heen &#8220;browsen&#8221; door middel van 2 knoppen. De wijzerplaat die voor staat wordt dan de gekozen wijzerplaat. De wijzerplaten zullen we plaatsen in een nieuwe <em>ImageList<\/em>. Deze <em>ImageList<\/em> komt op het <em>frmKlokje<\/em> te staan.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Zet een <em>ImageList<\/em> (tab <em>Common Controls<\/em>) op <em>frmKlokje<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef <em>Name<\/em> de waarde <strong><em>ilstFaces<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet de properties <em>Width<\/em> en <em>Height<\/em> op de juiste grootte zodat alle wijzerplaten erin passen (kijk dus naar de grootte in pixels van de grootste afbeelding).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Dubbelklik op <em>ilstFaces<\/em> en <em>Add&#8230;<\/em> alle wijzerplaten die u wilt hebben.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Maak een nieuw <em>Form<\/em> met <em>Name<\/em> = <strong><em>frmFaces<\/em> <\/strong>en <em>Caption<\/em> = <strong><em>Choose Clockface<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet de property <em>BorderStyle<\/em> op <strong><em>bsDialog<\/em> <\/strong>en <em>Position<\/em> op <strong><em>poScreenCenter<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet een <em>Image<\/em> op het <em>Form<\/em> met de volgende properties:<\/span><br \/>\n<em><span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Name = <strong>imgFace<\/strong><\/span><\/em><br \/>\n<em><span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Transparent = <strong>True<\/strong><\/span><\/em><br \/>\n<em><span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Stretch = <strong>True<\/strong><\/span><\/em><br \/>\n<em><span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Width = <strong>160<\/strong><\/span><\/em><br \/>\n<em><span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Height = <strong>160<\/strong><\/span><\/em><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet twee <em>Buttons<\/em> op het <em>Form<\/em> met resp. de volgende properties:<\/span><br \/>\n<em><span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Name = <strong>btnLeft<\/strong><\/span><\/em><br \/>\n<em><span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Caption = <strong>&lt;&#8211;<\/strong><\/span><\/em><br \/>\n<em><span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Width = <strong>40<\/strong><\/span><\/em><br \/>\n<em><span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Name = <strong>btnRight<\/strong><\/span><\/em><br \/>\n<em><span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Caption= <strong>&#8211;&gt;<\/strong><\/span><\/em><br \/>\n<em><span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Width = <strong>40<\/strong><\/span><\/em><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Lijn de knoppen resp. links en recht onder <em>imgFace<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet tussen de knoppen een <em>Label<\/em> met <em>Name<\/em> = <strong><em>lblIndex<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet de property <em>AutoSize<\/em> op <strong><em>False<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet de property <em>Allignment<\/em> op <strong><em>taCenter<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Maak de grootte van het <em>Label<\/em> zodanig dat deze tussen de knoppen staat.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet ten slotte nog een <em>Button<\/em> <strong><em>OK<\/em> <\/strong>(<em>Name<\/em> = <strong><em>btnOK<\/em><\/strong>) een <em>Button<\/em> <strong><em>Cancel<\/em> <\/strong>(<em>Name<\/em> = <strong><em>btnCancel<\/em><\/strong>) op het <em>Form<\/em>.<\/span><\/p>\n<p>Het Form moet er ongeveer als volgt uitzien:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1635 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_29.jpg\" alt=\"\" width=\"267\" height=\"329\" srcset=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_29.jpg 267w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_29-243x300.jpg 243w\" sizes=\"auto, (max-width: 267px) 100vw, 267px\" \/><\/p>\n<p>We hebben een globale variabele nodig om de index van <em>ilstFaces<\/em>-afbeelding in op te slaan. Verder moeten we weten hoe we een afbeelding uit <em>ilstFaces<\/em> in een <em>Image<\/em>-control krijgen. De <em>Image<\/em>-control heeft helaas geen directe koppeling met een <em>ImageList<\/em> zodat een verwijzing naar de <em>index<\/em> van de afbeelding genoeg zou zijn. Om dit toch voor elkaar te krijgen gaan we de method <em>GetBitmap<\/em> van de <em>ImageList<\/em> gebruiken. Hiermee kunnen we, via de <em>index<\/em>, de gewenste afbeelding stoppen in de <em>Bitmap<\/em> van een <em>Picture<\/em>. En gelukkig heeft een <em>Image<\/em> een property <em>Picture<\/em>.<br \/>\nSoms moeten we echt even knutselen&#8230;<\/p>\n<h4>Forms koppelen zonder fouten<\/h4>\n<p>Ook moet er een koppeling tussen <em>frmKlokje<\/em> en <em>frmFaces<\/em> komen. Dat doen we door de <em>unit<\/em>-namen van de Forms op te nemen in de <em>Uses<\/em>-clausules van de Forms. Er mag echter geen &#8220;kruis-bestuiving&#8221; ontstaan, dus moet in de ene Form de naam van <em>unit<\/em> in de <em>Uses<\/em>-clausule van het <em>interface<\/em>-gedeelte komen en in het andere Form de naam van <em>unit<\/em> in de <em>Uses<\/em>-clausule van het <em>implementation<\/em>-gedeelte.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Voeg in de <em>frmKlokje<\/em> in het <em>interface<\/em>-gedeelte <strong><em>Unit3<\/em> <\/strong>toe aan de <em>Uses<\/em>-Clausule.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Declareer de globale variabele <em>FaceIndex<\/em> van het type <em>integer<\/em> ook in het <em>interface<\/em>-gedeelte.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg in <em>FormActivate<\/em> voor <em>LeesIni<\/em> de volgende regel toe:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 FaceIndex := 0;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Ga naar de code van <em>frmFaces<\/em> (<em>Unit3<\/em>).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg in het <em>implemetation<\/em>-gedeelte na <span style=\"color: #ff0000;\">{$R *.lfm}<\/span> de volgende code toe:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 Uses<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 Unit1;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Daaronder de regels:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 var<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 fi: integer;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Maak het event <em>FormActivate<\/em> aan met de volgende regel code:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 fi := FaceIndex;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet in het <em>public<\/em> gedeelte van de class <em>TfrmFaces<\/em> de volgende regel code neer:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 procedure BrowseImages;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Ga naar het <em>implementation<\/em>-gedeelte onder <span style=\"color: #3366ff;\">{ TfrmFaces }<\/span> en zet daar de volgende code:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 procedure TfrmFaces.BrowseImages;<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 begin<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 \u00a0 frmKlokje.ilstFaces.GetBitmap(fi,imgFace.Picture.Bitmap);<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 \u00a0 lblIndex.Caption := IntToStr(fi);<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 end;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Ga naar <em>FormActivate<\/em> en voer na de eerste regel de volgende code toe (dus voor <em>end;<\/em>):<\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\"> &#8211;\u00a0 BrowseImages;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Implementeer <em>btnLeftClick<\/em> als volgt:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 Dec(fi);<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 if fi &lt;0 then<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 fi := frmKlokje.ilstFaces.Count &#8211; 1;<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 BrowseImages;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Implementeer <em>btnRightClick<\/em> als volgt:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 Inc(fi);<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 if fi &gt;= frmKlokje.ilstFaces.Count then<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 fi := 0;<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 BrowseImages;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"><em> &#8211; btnOKClick<\/em>:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 FaceIndex := fi;<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 close;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; En <em>btnCancelClick<\/em>:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 close;<\/span><\/em><\/strong><\/span><\/p>\n<p>Tot slot moeten we nog \u00e9\u00e9n ding doen. Er moet een menu-optie komen om ons nieuwe Form te openen en vervolgens de gekozen wijzerplaat te tonen.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Maak in <em>popMenu<\/em> in het submenu <em>Analog<\/em> onder het item <em>Colors<\/em> het item <strong><em>Clockface<\/em> <\/strong>aan met <em>Name<\/em> = <strong><em>popAnalogClockface<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Activeer het <em>popAnalogClockfaceClick<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg de volgende regels code toe:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 frmFaces.ShowModal;<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 ilstFaces.GetBitmap(FaceIndex,imgFace.Picture.Bitmap);<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run het klokje en bewaar <strong><em>Unit3<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Kies een andere wijzerplaat en kijk of alles naar behoren werkt.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1636\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_30-243x300.jpg\" alt=\"\" width=\"243\" height=\"300\" srcset=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_30-243x300.jpg 243w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_30.jpg 267w\" sizes=\"auto, (max-width: 243px) 100vw, 243px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1637 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_31.jpg\" alt=\"\" width=\"120\" height=\"120\" \/><\/p>\n<p>Nu moeten we nog de <em>FaceIndex<\/em> bewaren in het cfg-bestand.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Zorg ervoor dat onder de sectie <em>[ANALOG]<\/em> de indent <strong><em>FaceIndex<\/em> <\/strong>komt te staan.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Breid dus <em>SchrijfIni<\/em> en <em>LeesIni<\/em> uit.<\/span><\/p>\n<p>Het toepassen van een <em>SplashScreen<\/em> laat ik aan de lezer over. U moet hiervoor een Form toevoegen met de property <em>FormStyle<\/em> op <strong><em>fsSplash<\/em><\/strong>. Deze Form moet als eerste worden aangeroepen bij de <em>FormActivate<\/em> van <em>frmKlokje<\/em> nadat <em>frmKlokje<\/em> onzichtbaar is gemaakt.\u00a0 Als de <em>SplashScreen<\/em> klaar is (<em>Timer<\/em> die de Form afsluit) moet <em>frmKlokje<\/em> weer zichtbaar worden gemaakt.<br \/>\nDit is oneigenlijk gebruik maken van een <em>SplashScreen<\/em>. Normaal wordt een <em>SplashScreen<\/em> gebruikt als het programma tijd nodig heeft om te starten. Dit vereist echter een geheel andere technische opzet van het project en dat valt buiten de scope van deze serie.<\/p>\n<p>We naderen zo langzamerhand het einde van deze serie afleveringen. Wat nog rest is het inbouwen van een alarm en daarna nog de puntjes op de i.<\/p>\n<p><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-alarm\/\">Naar de volgende aflevering&#8230;<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We gaan wat nieuwe vensters maken. Dit wordt niet de moeilijkste aflevering, maar we hebben nog wat puntjes op te lossen. De About-box We beginnen met een About-box. Dit is een venster met informatie over bijvoorbeeld de maker dezes, een verwijzing naar een website, etc. Het invoegen van een nieuw venster is zeer eenvoudig. &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1121,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width.php","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"class_list":["post-1133","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Lazarus-Klokje-Nieuwe vensters - Wiskunst<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lazarus-Klokje-Nieuwe vensters - Wiskunst\" \/>\n<meta property=\"og:description\" content=\"We gaan wat nieuwe vensters maken. Dit wordt niet de moeilijkste aflevering, maar we hebben nog wat puntjes op te lossen. De About-box We beginnen met een About-box. Dit is een venster met informatie over bijvoorbeeld de maker dezes, een verwijzing naar een website, etc. Het invoegen van een nieuw venster is zeer eenvoudig. &#8211; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/\" \/>\n<meta property=\"og:site_name\" content=\"Wiskunst\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-17T13:16:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_27.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-nieuwe-vensters\\\/\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-nieuwe-vensters\\\/\",\"name\":\"Lazarus-Klokje-Nieuwe vensters - Wiskunst\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-nieuwe-vensters\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-nieuwe-vensters\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_27.jpg\",\"datePublished\":\"2022-05-24T11:18:23+00:00\",\"dateModified\":\"2022-10-17T13:16:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-nieuwe-vensters\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-nieuwe-vensters\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-nieuwe-vensters\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_27.jpg\",\"contentUrl\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_27.jpg\",\"width\":198,\"height\":158},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-nieuwe-vensters\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Programmeren\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Delphi\\\/Lazarus\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Lazarus-Klokje-Intro\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Lazarus-Klokje-Nieuwe vensters\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/#website\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/\",\"name\":\"Wiskunst\",\"description\":\"2\u221e\u2227&gt;\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wiskunst.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lazarus-Klokje-Nieuwe vensters - Wiskunst","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/","og_locale":"nl_NL","og_type":"article","og_title":"Lazarus-Klokje-Nieuwe vensters - Wiskunst","og_description":"We gaan wat nieuwe vensters maken. Dit wordt niet de moeilijkste aflevering, maar we hebben nog wat puntjes op te lossen. De About-box We beginnen met een About-box. Dit is een venster met informatie over bijvoorbeeld de maker dezes, een verwijzing naar een website, etc. Het invoegen van een nieuw venster is zeer eenvoudig. &#8211; [&hellip;]","og_url":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/","og_site_name":"Wiskunst","article_modified_time":"2022-10-17T13:16:15+00:00","og_image":[{"url":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_27.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"9 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/","url":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/","name":"Lazarus-Klokje-Nieuwe vensters - Wiskunst","isPartOf":{"@id":"https:\/\/wiskunst.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/#primaryimage"},"image":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/#primaryimage"},"thumbnailUrl":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_27.jpg","datePublished":"2022-05-24T11:18:23+00:00","dateModified":"2022-10-17T13:16:15+00:00","breadcrumb":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/#primaryimage","url":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_27.jpg","contentUrl":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_27.jpg","width":198,"height":158},{"@type":"BreadcrumbList","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wiskunst.nl\/"},{"@type":"ListItem","position":2,"name":"Programmeren","item":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/"},{"@type":"ListItem","position":3,"name":"Delphi\/Lazarus","item":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/"},{"@type":"ListItem","position":4,"name":"Lazarus-Klokje-Intro","item":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/"},{"@type":"ListItem","position":5,"name":"Lazarus-Klokje-Nieuwe vensters"}]},{"@type":"WebSite","@id":"https:\/\/wiskunst.nl\/#website","url":"https:\/\/wiskunst.nl\/","name":"Wiskunst","description":"2\u221e\u2227&gt;","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wiskunst.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}},"_links":{"self":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1133"}],"version-history":[{"count":8,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1133\/revisions"}],"predecessor-version":[{"id":1639,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1133\/revisions\/1639"}],"up":[{"embeddable":true,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1121"}],"wp:attachment":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}