{"id":1135,"date":"2022-05-24T12:18:59","date_gmt":"2022-05-24T11:18:59","guid":{"rendered":"https:\/\/wiskunst.nl\/?page_id=1135"},"modified":"2022-10-17T13:54:53","modified_gmt":"2022-10-17T12:54:53","slug":"lazarus-klokje-opmaak","status":"publish","type":"page","link":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/","title":{"rendered":"Lazarus-Klokje-Opmaak"},"content":{"rendered":"<p><strong><span class=\"collapseomatic \" id=\"id69de27af4dc21\"  tabindex=\"0\" title=\"Afleveringen\"    >Afleveringen<\/span><div id=\"target-id69de27af4dc21\" 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>Opmaak<\/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><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/\">Nieuwe vensters<\/a><\/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 opmaak toevoegen aan ons klokje.<\/h2>\n<p>In deze aflevering gaan we ervoor zorgen dat er een menu optie komt waaronder we het <em>Font<\/em>, de <em>voorgrondkleur<\/em> en de <em>achtergrondkleur<\/em> van onze klok kunnen aanpassen. Tevens zullen we aan een aantal menu opties <em>icoontjes<\/em> gaan toevoegen. Het is gelukkig in <em>Lazarus<\/em> allemaal niet erg ingewikkeld.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Breid het menu uit door onder <em>Opacity<\/em> de optie <em>Font<\/em> neer te zetten met <em>Name<\/em> = <strong><em>popFont<\/em> <\/strong>en <em>Caption<\/em> = <em><strong>Font<\/strong><\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg aan de optie <em>Font<\/em> een submenu toe met de volgende items:<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; <em>Font<\/em>: <em>Name<\/em> = <strong><em>popFontFont<\/em><\/strong>, <em>Caption<\/em> = <strong><em>Font<\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; <em>BackColor<\/em>: <em>Name<\/em> = <em><strong>popFontBackColor<\/strong><\/em>, <em>Caption<\/em> = <strong><em>BackColor<\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; <em>ForeColor<\/em>: <em>Name<\/em> = <strong><em>popFontForeColor<\/em><\/strong>, <em>Caption<\/em> = <strong><em>ForeColor<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Sluit de <em>Menu editor<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg op de form de volgende twee (non-visible) componenten toe (tab <em>Dialogs<\/em>):<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; <em>ColorDialog<\/em> (4<sup>e<\/sup> knopje van links): <em>Name<\/em>: <strong><em>dlgColor<\/em><\/strong>,<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; <em>FontDialog<\/em> (5<sup>e<\/sup> knopje van links): <em>Name<\/em>: <strong><em>dlgFont<\/em><\/strong>.<\/span><\/p>\n<h4>Dialog&#8217;s<\/h4>\n<p>Met de <em>Dialog<\/em> controls heeft u meteen de beschikking over uitgebreide functionaliteit die in een eigen venster zitten. Vooraf kunnen al veel zaken worden ingesteld, via de <em>Object Inspector<\/em> of via de code.<br \/>\nAlle <em>Dialog<\/em> controls hebben de methode <em>Execute<\/em>, waarmee de gewenste waarde wordt teruggegeven wanneer de gebruiker op de OK knop heeft geklikt. Je vangt e.e.a. af met een <em>if<\/em>-constructie.<\/p>\n<p>&#8211; Activeer de event-handler <em>popFontFontClick<\/em>.<br \/>\n&#8211; Voeg de volgende regels code toe:<br \/>\n<span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\">&#8211;\u00a0 \u00a0<em><strong>dlgFont.Font := lblTijd.Font;<\/strong><\/em><\/span><br \/>\n<span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\"> &#8211;\u00a0 \u00a0<em><strong>if dlgFont.Execute then<\/strong><\/em><\/span><br \/>\n<span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\"> &#8211;\u00a0 \u00a0 \u00a0<em><strong>lblTijd.Font := dlgFont.Font;<\/strong><\/em><\/span><\/p>\n<p>De eerste regel zorgt ervoor dat de <em>Font<\/em> dialog hetzelfde font, met alle font-instellingen daarbij, van <em>lblTijd<\/em> krijgt.<br \/>\n<em>dlgFont.Execute<\/em> zorgt ervoor dat er een <em>Font<\/em> dialoog venster wordt geopend en levert de waarde <em>True<\/em> af als de gebruiker op OK heeft geklikt, anders is de waarde <em>False<\/em>. Als de waarde <em>True<\/em> is dan wordt het gekozen <em>Font <\/em>(met alle eventuele andere <em>Font<\/em> instellingen) toegekend aan het <em>Font<\/em> van <em>lblTijd<\/em>.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Run de klok en speel wat met de <em>Fonts<\/em> (de eerste keer kan het even duren voordat het dialoog venster verschijnt, afhankelijk van het aantal <em>Fonts<\/em> dat in Windows is ge\u00efnstalleerd).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Sluit daarna de klok weer.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1600 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_09.jpg\" alt=\"\" width=\"453\" height=\"520\" srcset=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_09.jpg 453w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_09-261x300.jpg 261w\" sizes=\"auto, (max-width: 453px) 100vw, 453px\" \/><\/p>\n<p>Op dezelfde soort wijze gaan we de overige twee opties implementeren.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Maak het event voor <em>popFontBackColorClick<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg de volgende regels code toe:<\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\"> &#8211;\u00a0 \u00a0dlgColor.Color := lblTijd.Color;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\"> &#8211;\u00a0 \u00a0if dlgColor.Execute then<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\"> &#8211;\u00a0 \u00a0 \u00a0lblTijd.Color := dlgColor.Color;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-size: 12pt; font-family: terminal, monaco, monospace;\"> &#8211; Doe hetzelfde voor <em>popFontForeColor<\/em>:<\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\"> &#8211;\u00a0 \u00a0dlgColor.Color := lblTijd.Font.Color;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\"> &#8211;\u00a0 \u00a0if dlgColor.Execute then<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\"> &#8211;\u00a0 \u00a0 \u00a0lblTijd.Font.Color := dlgColor.Color;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run het klokje en speel met het <em>Font<\/em>, de voorgrond- en de achtergrondkleur.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Sluit het klokje daarna weer.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1602\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_10.jpg\" alt=\"\" width=\"86\" height=\"24\" \/><\/p>\n<p>U ziet dat dit weinig moeite kost met toch een volwassen resultaat. De kunst zit hem meer in het vinden van de juiste properties, wanneer u niet niet zo ervaren bent.<\/p>\n<p><strong><span style=\"font-family: helvetica, arial, sans-serif;\"><span style=\"text-decoration: underline;\">Merk op<\/span>: De kleur van het <em>Font<\/em> kan ook in de <em>Font-dialoog<\/em> worden aangepast, alleen niet zo uitgebreid.<\/span><\/strong><\/p>\n<h4>Menu icoontjes<\/h4>\n<p>Tot slot gaan we aan een aantal menu items een icoontje toevoegen. Een icoontje van een menu item heeft een grootte van 16&#215;16. Lazarus levert zelf al een hoop icoontjes en daar gaan we gebruik van maken. Als u niet het gewenste icoontje kunt vinden dan kunt u deze nog altijd van het internet afhalen of zelf maken. Denk wel aan de juiste afmeting!<\/p>\n<p>Laten we beginnen met een icoontje voor het menu item <em>Close<\/em> (een rood kruis dus). U vindt zo&#8217;n kruis bijvoorbeeld in de map <em>&#8230;\\lazarus_x.x\\images\\actions<\/em>.<br \/>\nWanneer u naar de properties van <em>popSluit<\/em> kijkt dan ziet u geen property waar zo&#8217;n icoontje inpast. Wel is er de property <em>ImageIndex<\/em> die nu de waarde <em>-1<\/em> heeft. Deze kan op dit moment ook nog geen andere waarde krijgen.<\/p>\n<h4>ImageList<\/h4>\n<p>Om \u00e9\u00e9n en ander effici\u00ebnt te maken\/houden stoppen we alle icoontjes onder \u00e9\u00e9n dak; en dat is de zogenaamde <em>ImageList<\/em>. Hierna koppelen we de <em>ImageList<\/em> aan het <em>popup menu<\/em> en daarna kunnen we dan met behulp van de <em>ImageIndex<\/em> het juist icoontje bij het juiste item kiezen.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Zet een <em>ImageList<\/em> (tab <em>Common Controls<\/em>: 3<sup>e<\/sup> knop van rechts) op het form.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef <em>Name<\/em> de waarde <strong><em>ilstIconen<\/em> <\/strong>(merk op een prefix van 4 letters; <em>lst<\/em> gebruik ik voor gewone <em>Listboxen<\/em>).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Dubbelklik op de <em>ilstIconen<\/em>.<\/span><\/p>\n<p>De Afbeeldingenlijst editor wordt geopend:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1603 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_11.jpg\" alt=\"\" width=\"632\" height=\"418\" srcset=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_11.jpg 632w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_11-300x198.jpg 300w\" sizes=\"auto, (max-width: 632px) 100vw, 632px\" \/><\/p>\n<p>Met de knop <em>Add<\/em> voegt u icoontjes toe. Met de knop <em>Delete<\/em> haalt u de geselecteerde afbeelding weg. De overige knoppen zullen voor zich spreken.<br \/>\nIedere afbeelding krijgt een nummer; dit is de <em>index<\/em> die we zo gaan gebruiken.<\/p>\n<p><strong><span style=\"font-family: helvetica, arial, sans-serif;\"><span style=\"text-decoration: underline;\">Belangrijk<\/span>: In een <em>Imagelist<\/em> kunnen alleen afbeeldingen staan met hetzelfde formaat! Waarom dit zo is weet ik niet. Het formaat is in te stellen met de properties <em>Width<\/em> en <em>Height<\/em>.<\/span><\/strong><\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Voeg een icoon toe voor het item <em>Close<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Sluit de editor door op de knop <em>OK<\/em> te klikken.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Selecteer <em>popMenu<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Kies bij de property <em>Images<\/em> de waarde <strong><em>ilstIconen<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Selecteer <em>popSluit<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Kies bij <em>ImageIndex<\/em> het gewenste icoontje (dit is er maar een, dus de keus moet niet zo moeilijk zijn).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run en het menu en kijk naar het resultaat.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Sluit de klok weer.<\/span><\/p>\n<p>U kunt nu naar believen icoontjes toevoegen voor de andere opties, behalve voor de opties waar een vinkje voor gezet kan worden, want dan is het vinkje niet meer zichtbaar!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1604\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_12.jpg\" alt=\"\" width=\"299\" height=\"144\" \/><\/p>\n<p>In de volgende aflevering gaan we alle instellingen van de klok, inclusief de positie, bewaren, zodat we niet iedere keer dat de klok start dit behoeven te doen.<br \/>\nDit betekent wel dat we meer code moeten gaan schrijven, maar dat is een leuke uitdaging&#8230;<\/p>\n<p><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-instellingen-bewaren\/\">Naar de volgende aflevering&#8230;<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We gaan wat opmaak toevoegen aan ons klokje. In deze aflevering gaan we ervoor zorgen dat er een menu optie komt waaronder we het Font, de voorgrondkleur en de achtergrondkleur van onze klok kunnen aanpassen. Tevens zullen we aan een aantal menu opties icoontjes gaan toevoegen. Het is gelukkig in Lazarus allemaal niet erg ingewikkeld. [&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-1135","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-Opmaak - 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-opmaak\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lazarus-Klokje-Opmaak - Wiskunst\" \/>\n<meta property=\"og:description\" content=\"We gaan wat opmaak toevoegen aan ons klokje. In deze aflevering gaan we ervoor zorgen dat er een menu optie komt waaronder we het Font, de voorgrondkleur en de achtergrondkleur van onze klok kunnen aanpassen. Tevens zullen we aan een aantal menu opties icoontjes gaan toevoegen. Het is gelukkig in Lazarus allemaal niet erg ingewikkeld. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/\" \/>\n<meta property=\"og:site_name\" content=\"Wiskunst\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-17T12:54:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_09.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=\"6 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-opmaak\\\/\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-opmaak\\\/\",\"name\":\"Lazarus-Klokje-Opmaak - Wiskunst\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-opmaak\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-opmaak\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_09.jpg\",\"datePublished\":\"2022-05-24T11:18:59+00:00\",\"dateModified\":\"2022-10-17T12:54:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-opmaak\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-opmaak\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-opmaak\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_09.jpg\",\"contentUrl\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_09.jpg\",\"width\":453,\"height\":520},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-opmaak\\\/#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-Opmaak\"}]},{\"@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-Opmaak - 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-opmaak\/","og_locale":"nl_NL","og_type":"article","og_title":"Lazarus-Klokje-Opmaak - Wiskunst","og_description":"We gaan wat opmaak toevoegen aan ons klokje. In deze aflevering gaan we ervoor zorgen dat er een menu optie komt waaronder we het Font, de voorgrondkleur en de achtergrondkleur van onze klok kunnen aanpassen. Tevens zullen we aan een aantal menu opties icoontjes gaan toevoegen. Het is gelukkig in Lazarus allemaal niet erg ingewikkeld. [&hellip;]","og_url":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/","og_site_name":"Wiskunst","article_modified_time":"2022-10-17T12:54:53+00:00","og_image":[{"url":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_09.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"6 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/","url":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/","name":"Lazarus-Klokje-Opmaak - Wiskunst","isPartOf":{"@id":"https:\/\/wiskunst.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/#primaryimage"},"image":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/#primaryimage"},"thumbnailUrl":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_09.jpg","datePublished":"2022-05-24T11:18:59+00:00","dateModified":"2022-10-17T12:54:53+00:00","breadcrumb":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/#primaryimage","url":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_09.jpg","contentUrl":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_09.jpg","width":453,"height":520},{"@type":"BreadcrumbList","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/#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-Opmaak"}]},{"@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\/1135","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=1135"}],"version-history":[{"count":8,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1135\/revisions"}],"predecessor-version":[{"id":1606,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1135\/revisions\/1606"}],"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=1135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}