{"id":31,"date":"2023-11-30T16:28:20","date_gmt":"2023-11-30T16:28:20","guid":{"rendered":"https:\/\/xojo.itbib4you.be\/?page_id=31"},"modified":"2024-02-07T18:46:04","modified_gmt":"2024-02-07T18:46:04","slug":"the-xojo-environment","status":"publish","type":"page","link":"https:\/\/xojo.itbib4you.be\/index.php\/the-xojo-environment\/","title":{"rendered":"The Xojo Environment"},"content":{"rendered":"\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25 has-custom-font-size has-small-font-size\"><a class=\"wp-block-button__link has-light-green-cyan-to-vivid-green-cyan-gradient-background has-background wp-element-button\" href=\"https:\/\/xojo.itbib4you.be\/\">OVERVIEW<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>The history of Xojo starts already in 1996. At that time the founder (Geoff Perlman) of the FYI Software company bought <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">CrossBasic<\/mark>from its author Andrew Barry. The first commercial product based on CrossBasic was introduced in 1997 and was named <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">RealBasic<\/mark>.  In 2010 the name of the product changed to <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Real Studio<\/mark> to combat the perception that the product was based on the original Basic language.<\/p>\n\n\n\n<p>In 2013 the name of the company changed to Xojo, Inc. and also the name of the product changed to <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Xojo<\/mark>. The headquarters of Xojo inc. are located in Austin, Texas, USA.<\/p>\n\n\n\n<p>This introductory text is based on the information published on Wikipedia. A detailed Xojo history and timeline can be found on <a href=\"https:\/\/en.wikipedia.org\/wiki\/Xojo#cite_note-11\" data-type=\"link\" data-id=\"https:\/\/en.wikipedia.org\/wiki\/Xojo#cite_note-11\">Wikipedia<\/a>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Xojo<\/h2>\n\n\n\n<p>You can download Xojo for free from the <a href=\"https:\/\/www.xojo.com\">Xojo website<\/a>. The downloaded software is fully operational and offers you the opportunity to get acquainted with the product. <\/p>\n\n\n\n<p>If you wish to develop and build a real (commercial) product, Xojo Inc. offers various <a href=\"https:\/\/www.xojo.com\/store\/\">licenses <\/a>you can subscribe to. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Xojo IDE<\/h2>\n\n\n\n<p>The Xojo environment starts with a window on which you can choose the type (Desktop, Web, Console, iOS, Android) of the application being developed:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/xojo_01-1024x559.png\" alt=\"\" class=\"wp-image-43\" style=\"width:518px;height:auto\" srcset=\"https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/xojo_01-1024x559.png 1024w, https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/xojo_01-300x164.png 300w, https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/xojo_01-768x419.png 768w, https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/xojo_01-1200x655.png 1200w, https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/xojo_01.png 1536w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<p>In this tutorial, I will always select  <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Desktop<\/mark> to develop a desktop application te be used on macOS. The name of the application (<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-blue-color\">Example1<\/mark>) must be entered in the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Application Name<\/mark> field. The <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Create<\/mark> button creates an empty application with one window (<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-blue-color\">Untitled<\/mark>) in the middle part of the IDE.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"718\" src=\"https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/Xojo_02-1024x718.png\" alt=\"\" class=\"wp-image-45\" style=\"width:532px;height:auto\" srcset=\"https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/Xojo_02-1024x718.png 1024w, https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/Xojo_02-300x210.png 300w, https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/Xojo_02-768x539.png 768w, https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/Xojo_02-1536x1077.png 1536w, https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/Xojo_02-2048x1436.png 2048w, https:\/\/xojo.itbib4you.be\/wp-content\/uploads\/2023\/11\/Xojo_02-1200x842.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<p>In the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Library <\/mark>section on the right hand side of the screen you will find a list of <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Controls<\/mark> (Buttons, Labels, Sliders, Textfields, etc.). A User Interface can be designed by dragging Controls to the central design part of the screen (e.g. dragging a button on the window named <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-blue-color\">Untitled<\/mark>). The right hand side of the screen will also be used by the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Inspector<\/mark>.  The <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Library<\/mark> holds a list of all available controls, the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Inspector<\/mark> lets you define or change properties (e.g. name, title, size, color, etc.) of a control selected in the central part. You can change from the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Library<\/mark> view  to the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Inspector<\/mark> view by toggling the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-blue-color\">Library<\/mark> or the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-blue-color\">Inspector<\/mark> button in the toolbar.<\/p>\n\n\n\n<p>The left hand side of the screen is called the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Navigator<\/mark>. The <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Contents<\/mark> section of the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Navigator<\/mark> shows a list of all elements in the application. An empty application will list the elements <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-blue-color\">App<\/mark>, <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-blue-color\">Window1<\/mark> and <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-blue-color\">MainMenuBar<\/mark>. In the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Build Settings<\/mark> section of the <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-bright-red-color\">Navigator<\/mark> you can select the platform(s) for which this application is being developed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction The history of Xojo starts already in 1996. At that time the founder (Geoff Perlman) of the FYI Software company bought CrossBasicfrom its author Andrew Barry. The first commercial product based on CrossBasic was introduced in 1997 and was named RealBasic. In 2010 the name of the product changed to Real Studio to combat &hellip; <a href=\"https:\/\/xojo.itbib4you.be\/index.php\/the-xojo-environment\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;The Xojo Environment&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xojo.itbib4you.be\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xojo.itbib4you.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xojo.itbib4you.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xojo.itbib4you.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xojo.itbib4you.be\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":20,"href":"https:\/\/xojo.itbib4you.be\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":252,"href":"https:\/\/xojo.itbib4you.be\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/252"}],"wp:attachment":[{"href":"https:\/\/xojo.itbib4you.be\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}