Kapitel 1
Contents
1. 25 9 Starten Sie die App und geben Sie eine beliebige andere URL in das URLField ein wie z B http www xojoblog com 10 Klicken Sie anschlie end auf den AnzeigeButton Ihr voreingestellter Webbrowser sollte nun die eingegebene Website ffnen 11 Beenden Sie die Anwendung um in den Editor zur ckzugelangen W hlen Sie Datei gt Beenden auf Windows oder Linux bzw URL Verwaltung debug gt Beenden auf OS X 26 Abschnitt 2 Hinzuf gen Schaltfl che Code zum Hinzuf genButton hinzuf gen Mittels des Hinzuf genButton werden URLs der Liste hinzugef gt Der Code den Sie der Schaltfl che hinzuf gen m ssen muss also entgegennehmen was in das URLField eingetippt wurde und dieses in einer neuen Zeile an die Liste anf gen Gehen Sie dazu wie folgt vor 1 Doppelklicken Sie im Fenster des Layout Editors das Hinzuf genButton Steuerelement das Sie Hinzuf gen genannt haben Der Event Handler Hinzuf gen Dialog Add Event Handler erscheint Wie bereits beim AnzeigenButton wollen Sie den Action Event Handler verwenden um Ihren Code ausf hren zu lassen wenn der Benutzer auf die Schaltfl che klickt W hlen Sie also Action aus der Event Handler Liste und klicken Sie auf OK Abb 3 3 Action Event Handler f r den Hinzuf genButton v Hinzuf genButton Action Event unterhalb des X Action Im Navigator erscheint der Hinzuf genButton Steuerelements und der Code Editor zeigt den n2. Ihr Programm ist durch eine OutOfBounds Exception abge st rzt und Sie befinden sich jetzt im Debugger Der Fehler trat auf weil Sie versuchten eine Zeile zu entfer nen die nicht existiert Wenn keine Zeile in einer Listbox ausge w hlt ist liefert die Listindex Property den Wert 1 zur ck Wenn Sie auf das Resume Fortsetzen Symbol in der Werk zeugleiste klicken erscheint die Fehlermeldung der Anwen dung Abb 3 5 Laufzeit Fehlermeldung An exception of class OutOfBoundsException was not A handled The application must shut down LK 6 Da die Exception nicht von einer programmeigenen Fehlerbe handlungsmethode abgefangen wurde und der interne Pro grammzustand nunmehr unsicher ist beendet sich das Pro gramm wenn Sie die Fehlermeldung best tigen und Sie keh ren in den Editor zur ck Nun k nnen Sie Ihren Code erg nzen um den Fehler zu ver meiden Sie wollen die RemoveRow Methode nicht aufrufen wenn keine Zeile angew hlt ist Der Programmcode daf r sieht folgenderma en aus If URLListe ListIndex gt Then URLListe RemoveRow URLListe ListIndex End If Hiermit stellt das Programm durch berpr fung der ListIndex Property sicher dass eine Zeile angew hlt ist um nur dann die se Zeile zu l schen Speichern Sie das Projekt durch Wahl von File gt Save Starten Sie das Projekt erneut und klicken Sie auf den L sch Button ohne zuvor eine Zeile in der URLListe angew hlt zu ha
3. Tutorial Kapitel 1 Einfuhrung Willkommen bei Xojo dem einfachsten Weg zur Erst ellung von plattform bergreifenden Desktop und Web Anwendungen Abschnitt 1 ber dieses Desktop Tutorial XOJO STARTEN 1 Laden Sie die Installationsdatei f r Ihr Betriebssystem hier herunter http www xojo com download 2 F hren Sie das Installationsprogramm aus 3 Starten Sie Xojo 4 W hlen Sie in der Projektauswahl Desktop aus und klicken Sie auf OK Dieses Desktop Tutorial wendet sich an Xojo und Programmier Neulinge Es stellt eine Einf hrung in die Desktop Entwicklungsumgebung dar und f hrt Sie durch die Erstellung einer echten Desktop Anwendung Die Bearbeitungszeit f r dieses Tutorial liegt bei etwa einer Stunde Aufgemerkt Wenn Sie bereits ber Erfahrungen mit anderen Programmiersprachen verf gen sollten Sie sich auch das Benutzerhandbuch und die Sprachreferenz anschauen Copyright Alle Inhalte copyright 2014 Xojo Inc Alle Rechte vorbehalten Kein Teil dieser Dokumentation oder da damit verbundenen Dateien darf ohne vorheriges schriftliches Einverst ndnis des Herausgebers reproduziert kopiert oder versandt werden was elektronische photomechanische oder andere Aufzeichnungs oder bermittlungsverfahren einschlie t Warenmarke Xojo ist eine eingetragene Warenmarke von Xojo Inc Dieses Buch benennt Produktbezeichnungen und Dienstleistungen die als registrierte und unregistrierte Warenmarken
4. Endinin Dieser Code berpr ft die Text Eigenschaft des Textfields Me Text um zu sehen ob irgendetwas darin steht Falls dem so ist werden AnzeigeButton und Hinzuf genButton aktiviert indem ihre Enabled Properties auf Wahr True gesetzt werden Andernfalls werden die Enabled Properties auf Falsch False gesetzt Speichern Sie das Projekt durch Wahl von File gt Save Starten sie die App um sie zu testen Nun sind Hinzuf genButton und AnzeigeButton beim Programmstart deaktiviert Sobald Sie Text in das URLField eingeben werden sie aktiviert Und entfernen Sie den Texteintrag geschieht das Umgekehrte 36 Abschnitt 3 Erzeugen einer Stand Alone App Weitergabe Ihrer Anwendung Da Sie nun eine prima Anwendung erstellt haben m chten Sie sie wahrscheinlich in die Welt entlassen Dazu m ssen Sie eine Stand Alone App erzeugen Mit Xojo k nnen Sie Desktop Anwendungen f r Mac OS X Windows und Linux erzeugen Zun chst also sollten Sie entscheiden f r welche Plattform Sie den Build erstellen wollen Diese Auswahl treffen Sie im BUILD Abschnitt unten im Navigator Setzen Sie ein H kchen vor jede Abb 4 3 Build Plattform f r die Sie einen Build erstellen Einstellungen wollen Dieser Computer This nE Computer ist vorausgew hlt um Ihnen amp Q Shared zu vereinfachen schnell einen Build f r M osx die aktuelle Plattform zu erstellen M Windows O Linux In den Gemeinsamen I This Comput
5. Hinzuf gen der URL Liste 3 Ihr Fenster sollte jetzt ungef hr so aussehen Sie sollten Xojo mit ge ffnetem Layout Editor vor sich haben Falls nicht lesen Sie bitten Kapitel 1 Abschnitte 3 und 4 Abb 2 1 Fenster Layout mit List Box Wir werden dem Fenster nun eine List Box hinzuf gen In dieser List Box werden sp ter die gesammelten URLs angezeigt 1 Hinzuf gen der List Box Klicken Sie in der Library auf die List Box und ziehen Sie sie in die obere linke Ecke des Layout Editors Wenn Sie den Fensterr ndern nahekommen werden Sie Positionierungshilfslinien bemerken die Ihnen bei der Platzierung Ihres Elements helfen Lassen Sie die Maustaste los wenn Ihnen die Position der List Box innerhalb des Fensters gef llt 2 Anpassung der List Box Gr e Klicken Sie auf die List Box damit ihre Anfasser erscheinen Klicken Sie auf den Anfasser in der rechten unteren Ecke und ziehen Sie bei gedr ckter Maustaste bis die List Box etwa 4 des Fensters ausf llt 12 Abschnitt 2 Schaltfl chen Buttons Hinzuf gen der Buttons 4 Ihr Fenster sollte nun ungef hr so aussehen Jetzt werden wir die L schen Schaltfl che hinzuf gen Mittels dieser sollen URLs wieder aus der Liste entfernt werden k nnen Abb 2 2 Fenster Layout mit Schaltfl chen 1 Hinzuf gen der L schen Schaltfl che Klicken Sie in der Library auf das Steuerelement f r allgemeine Schaltfl chen Generic Button und ziehen Sie es in
6. das den aktuellen Event besitzt bzw beinhaltet Au erhalb eines Event Handlers bezieht sich Me auf das aktuelle Objekt Verwandte Glossarbegriffe Drag related terms here Index FindTerm Kapitel 3 Die Listbox Methode Eine Methode besteht aus einem oder mehreren Programmiersprachbefehlen die zusammen eine spezifische Aufgabe erledigen Methoden sind die inneren Bausteine einer Anwendung Der von Ihnen geschriebene Programmcode befindet sich hautps chlich in Methoden Verwandte Glossarbegriffe AddRow Debugging Exception RemoveRow ShowURL Index FindTerm Kapitel 3 Anzeigen Schaltfl che Kapitel 3 Die Listbox Kapitel 4 Verbesserungen Navigator Navigator Das Panel am linken Bildschirmrand listet alle Bestandteile Ihres Projekts auf Standardm ig sehen Sie hier Window1 das ausgew hlt ist das App Objekt und das MainMenuBar Objekt Mittels des Navigators bewegen Sie sich innerhalb Ihres Projekts Verwandte Glossarbegriffe Drag related terms here Index FindTerm Kapitel 1 Der Arbeitsbereich Workspace Kapitel 2 Fenstereigenschaften Kapitel 2 List Box Eigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Text Field Eigenschaften Kapitel 4 Erzeugen einer Stand Alone App OutOfBoundsException Eine OutOfBoundsException tritt auf wenn ein verf gbarer Datenbereich berschrit
7. Property den Text beinhaltet den der Benutzer in das Textfield eingegeben hat ebenso wie Sie dieser Property einen Wert zuweisen k nnen um das Feld via Programmcode mit Text zu f llen 31 Ihr Code sieht also wie folgt aus URLField Text Me Text Beachten Sie bitte dass wir hier Me Text verwenden um den Text der ausgew hlten Zeile der Listbox zu erhalten Wir h tten die Eigenschaft ebenso ber URLListe Text ansprechen k nnen Warum also Me Da Sie sich hier im Event Handler der Listbox befinden k nnen Sie alle Methoden und Eigenschaften der Listbox ber Me aufrufen Damit k nnen Sie z B ein Listbox Steuerelement umbenennen ohne dass Sie seinen Code berarbeiten und dort den neuen Namen des Elements eingeben m ssen 3 Speichern Sie das Projekt durch Wahl von File Save 4 Starten sie die App um sie zu testen Geben Sie einige URLs in das URLField ein und klicken Sie auf den Hinzuf genButton um sie in die Liste einzuf gen Klicken Sie dann auf eine bereits eingef gte URL und bemerken sie dass diese nun im URLField angezeigt wird Beenden Sie die Anwendung um in den Editor zur ckzugelangen W hlen Sie Datei gt Beenden auf Windows oder Linux bzw URL Verwaltung debug gt Beenden auf OS X Das war s Ihre Anwendung ist jetzt fertig Abb 3 7 URL Verwaltung unter Windows englische Version m uch ikea en Show 32 Kapitel 4 BIT WIE Teak Schritte Da Sie nun eine f
8. ber das im Navigator oder Editor ausgew hlte Element Das Aussehen des Inspectors wird dem gerade gew hlten Element angepasst Sie ver ndern eine Eigenschaft des angezeigten Elements indem Sie einen Wert in das Texteingabefeld rechts der Feldbezeichnung eingeben Anzeige Tastaturk rzel 3 1 auf OS X STRG I auf Windows und Linux Verwandte Glossarbegriffe Drag related terms here Index Find Term Kapitel 1 Der Arbeitsbereich Workspace Kapitel 2 Eigenschaften Properties Kapitel 2 Fenstereigenschaften Kapitel 2 List Box Eigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kanital gt Qchaltfl chanainanechaftan Instanz Instance Eine Instanz ist eine Arbeitskopie einer Klasse innerhalb eines Projekts So existiert z B eine Vielzahl eingebauter Klassen f r Steuerelemente wie Schaltfl chen Web Buttons Etiketten Textfelder usw Diese Steuerelemente sind aus sich heraus als in der Library nicht benutzbar Sie stellen Matrizen f r verwendbare Elemente dar Wann immer Sie ein Steuerlement aus der Library in das Hauptfenster ziehen wird eine Instanz dieser Klasse erzeugt So kann die Klasse eines Buttons mehrfach in einem Fenster verwendet werden Jede Schaltfl che wird zu einer eigenst ndigen Instanz de
9. hige Anwendung erstellt Als n chsten Schritt auf Ihrer Xojo Entdeckungsreise empfehlen wir Ihnen die Lekt re des Benutzerhandbuchs das Xojo in seiner G nze abdeckt Ziehen Sie ebenfalls die Sprachreferenz zurate die die Details der Sprachelemente Klassen und anderer Xojo Features schnell nachschlagbar auflistet 40 Action Event Wenn ein Benutzer auf einen PushButton klickt wird der Programmcode im Action Event Handler ausgef hrt Verwandte Glossarbegriffe Drag related terms here Index FindTerm Kapitel 3 Anzeigen Schaltfl che Kapitel 3 Anzeigen Schaltfl che Kapitel 3 Hinzuf gen Schaltfl che Kapitel 3 L schen Schaltfl che Kapitel 4 Verbesserungen AddRow X0ojo Programmierbefehl Methode des Listbox Steuerelements um eine Zeile einer Listbox hinzuzuf gen Verwandte Glossarbegriffe List Box Methode Scope Index FindTerm Kapitel 3 Hinzuf gen Schaltfl che Anwendungs ID siehe Application Identifier Verwandte Glossarbegriffe Application Identifier Index FindTerm Anwendungsname siehe Application Identifier Verwandte Glossarbegriffe Application Identifier Index FindTerm Application Identifier Application Identifier stellt eine eindeutige Kennung Ihrer Anwendung dar Aus den Eingaben der Felder Application Name und Company Name wird eine Vorgabe f r dieses Feld erzeugt Sie k nnen Sie aber beliebig ver ndern Verwandte Glossarbegrif
10. oder Service Marks Ihrer Rechteinhaber bekannt sind In diesen Buch finden sie ausschlie lich zu Lehrzwecken Erw hnung Begriffe die vermutlich als Warenzeichen oder Service Mark eingetragen sind werden in Gro schreibung wiedergegeben obwohl Xojo Inc ber ihren Markenzustand keine verbindliche Zusage treffen kann Die Verwendung dieser Begriffe stellt keine Verletzung der zugeh rigen Marken oder Urheberrechte dar X0jo Inc steht in keiner Verbindung zu den in diesem Buch erw hnten Produkten oder ihren Herstellern Anmerkung des bersetzers Zurzeit liegt Xojo nicht lokalisiert vor das hei t die Programmumgebung erscheint in englischer Sprache Deshalb werden in diesem Tutorial die englisch erscheinenden Begriffe auch englisch wiedergegeben bei ihrer Ersterw hnung aber aus Verst ndnisgr nden deutsch bersetzt Sie k nnen sich ber das Glossar dieses Tutorials die bersetzungen der Begriffe anzeigen lassen Bedeutung von Abk rzungen Zeichen und Schriftarten Dieses Tutorial verwendet Screenshots der Xojo Windows OS X und Linux Versionen Aufbau des Benutzerinterfaces und Funktionalit t sind auf allen Plattformen identisch Abweichungen in der Darstellung ergeben sich aus den unterschiedlichen graphischen Benutzerinterfaces der Betriebssysteme Fettschrift wird sowohl zur Markierung der Einf hrung eines neuen Be griffs verwendet als auch zur Hervorhebung wichtiger Konzepte e Buchtitel wie Xojo Be
11. schButton Button bei Gr enver nderungen des Fensters stets auf der rechten Seite unterhalb der Listbox bleibt Die Locking Gruppe im Inspector zeigt verriegelte Schloss Symbole an der oberen und linken Seite des Rahmens und ge ffnete an der unteren und der rechten Seite Klicken Sie auf die Symbole bis oberes und linkes Symbol ge ffnet sowie rechtes und unteres Symbol verriegelt sind Hinzuf gen Schaltfl che Mithilfe des Hinzuf gen Buttons wird die im Text Field eingegebene URL der URLListe hinzugef gt 1 Klicken Sie im Layout Editor auf den Hinzuf gen Button um ihn auszuw hlen dies ist die Schaltfl che in der linken unteren Ecke des Fensters unterhalb des TextFields Der Inspector zeigt nun die Properties des Pushbuttons an 18 2 ndern Sie im Feld Name des Inspectors in der ID Gruppe den Text von PushButton2 in Hinzuf genButton Dr cken Sie Return um die Eingabe zu bernehmen und die Ver nderung im Navigator zu sehen Geben Sie im Feld Caption unten im Inspector in der Gruppe Appearance statt Button Hinzuf gen ein Dr cken Sie Return um die Eingabe zu bernehmen und die Ver nderung im Button des Fensters zu sehen Ziehen Sie den Button im Layout Editor ggf ein bisschen breiter um den ganzen Text anzuzeigen Jetzt sollten Sie die Verriegelungspositionen des Buttons berpr fen damit die Schaltfl che bei Gr enver nderungen des Fensters immer in der lin
12. abled wahr so ist das Steuerelement ansprechbar Ist die Eigenschaft auf falsch gesetzt so werden viele Elemente je nach Betriebssystem grau oder heller dargstellt und sich nicht anw hlbar Verwandte Glossarbegriffe Boolesch False Property True Index FindTerm Kapitel 4 Verbesserungen Event Ereignis Bei der ereignisorientierten Programmierung wird ein Programm nicht linear durchlaufen Stattdessen werden Methoden aufgerufen wenn ein bestimmtes Ereignis auftritt Diese Methoden werden in Xojo im Event Handler definiert Verwandte Glossarbegriffe Change Event Event Handler TextChange Event Index FindTerm Kapitel 3 Anzeigen Schaltfl che Kapitel 3 L schen Schaltfl che Kapitel 3 Die Listbox Kapitel 4 Verbesserungen Event Handler Ein Event Handler dient in Xojo zur Aufnahme des Programmcodes einer Methode die bei Ausl sung eines bestimmten Events aufgerufen wird Verwandte Glossarbegriffe Change Event Event Ereignis TextChange Event Index FindTerm Kapitel 3 Anzeigen Schaltfl che Kapitel 3 L schen Schaltfl che Kapitel 3 Die Listbox Kapitel 4 Verbesserungen Exception Eine Exception Ausnahme oder Ausnahmesituation bezeichnet ein Verfahren bei bestimmten Fehlerzust nden innerhalb eines Programms die normale Programmfortf hrung zu stoppen und z B Eine Methode zur Fehleranzeige oder Behebung auszuf hren Verwandte Glossarbegriffe Ausnahmebeh
13. andlung Methode OutOfBoundsException Index FindTerm Kapitel 3 L schen Schaltfl che Kapitel 3 L schen Schaltfl che Falsch Siehe False Verwandte Glossarbegriffe False Index FindTerm False Eine Zustandsm glichkeit einer Booleschen Variable oder Eigenschaft Die andere ist True Wahr Verwandte Glossarbegriffe Boolesch Enabled aktiviert Falsch True Index FindTerm Kapitel 4 Verbesserungen Firmenname siehe Company Name Verwandte Glossarbegriffe Company Name Index FindTerm Gemeinsame Einstellungen Siehe Shared Buld Settings Verwandte Glossarbegriffe Shared Build Settings Index FindTerm Generic Button Ein Generic Button allgemeine Schaltfl che ist das Xojo Steuerelement f r einen normalen Bildschirmknopf Verwandte Glossarbegriffe Default Button Index FindTerm Kapitel 2 Schaltfl chen Buttons Global Eine globale Variable oder Methode steht dem ganzen Projekt zur Verf gung Siehe auch Scope Verwandte Glossarbegriffe Scope ShowURL Index FindTerm Kapitel 3 Anzeigen Schaltfl che Http Eine URL wird blicherweise mit http eingeleitet womit angegeben wird dass es sich bei der folgenden Adresse um eine Webseite handelt die angezeigt werden soll Verwandte Glossarbegriffe URL Index FindTerm Kapitel 1 Die Tutorial Anwendung Inspector Der Inspector liefert Informationen
14. atz zur Debug App die innerhalb Xojos Debugger l uft Verwandte Glossarbegriffe Build Index FindTerm Kapitel 4 Erzeugen einer Stand Alone App Kapitel 4 Erzeugen einer Stand Alone App Text Eine Property vieler Steuerelemente So enth lt Textfield Text den im Textfield stehenden bzw eingegebenen Text Listbox Text dagegen den Text der ausgew hlten Zeile einer Listbox Verwandte Glossarbegriffe List Box Property Text Field Index FindTerm Kapitel 3 Die Listbox Text Field Ein Steuerelement das die Anzeige oder Eingabe einer Textzeile erm glicht Verwandte Glossarbegriffe Text Textfeld Index FindTerm Kapitel 1 Die Tutorial Anwendung TextChange Event Der TextChange Event Handler eines Textfields wird bei jeder nderung der Text Property aufgerufen sei diese durch Benutzereingabe oder durch Programmbefehle verursacht Verwandte Glossarbegriffe Event Ereignis Event Handler Index FindTerm Kapitel 4 Verbesserungen Textfeld siehe Text Field Verwandte Glossarbegriffe Text Field Index FindTerm Kapitel 1 Die Tutorial Anwendung True Eine Zustandsm glichkeit einer Booleschen Variable oder Eigenschaft Die andere ist False Falsch Verwandte Glossarbegriffe Boolesch Enabled aktiviert False Wahr Index FindTerm Kapitel 4 Verbesserungen URL Eine URL wird blicherweise mit http eingeleitet womit angegeb
15. ben Kein Absturz mehr Sie haben den Fehler debuggt 30 Abschnitt 4 Die Listbox Code der Listbox hinzuf gen Das letzte Steuerelement das noch Code ben tigt ist die URLListe Alle hinzugef gten URLs werden hier angezeigt Klickt der Benutzer auf eine URL in der Liste sollte diese in das URLField bertragen werden Gehen Sie wie folgt vor 1 Doppelklicken Sie im Fenster des Layout Editors das URLList Steuerelement Der Event Handler Hinzuf gen Dialog Add Event Handler erscheint diesmal mit einer anderen Liste als der die Sie von den PushButtons her kennen Sie wollen die URL in das Text Field bertragen wenn der Benutzer auf eine Zeile klickt Der Change Event Handler wird aufgerufen wann immer der Anwender eine neue Zeile ausw hlt W hlen Sie also Change aus der Event Handler Liste und klicken Sie auf OK Im Navigator erscheint der Change Event unterhalb des Abb 3 6 Hinzuf gen eines Change Event Handlers CellAction Description CellBackgroundPaint CellClick Listbox Change CellGotFocus CellKeyDown CellLostFocus CellTextChange CellTextPaint Change Close CollapseRow CompareRows ConstructContextualMenu ContextualMenuAction DoubleClick DragEnter o URLListe Steuerelements und der Code Editor zeigt den noch leeren Code des Events an Der Text einer ausgew hlten Listbox Zeile befindet sich in der Text Property der Listbox Sie wissen bereits dass die Textfield Text
16. chr nkungen sind von der Art des Elternobjekts abh ngig Private privat Private Elemente k nnen nur innerhalb der beinhaltenden Klasse oder des jeweiligen Moduls adressiert werden Verwandte Glossarbegriffe AddRow Global ListIndex RemoveRow ShowURL Sichtbarkeitsbereich Index FindTerm Shared Build Settings Die gemeinsamen Build Einstellungen Shared Build Settings beinhalten die Versionsinformationen Einstellungen f r das Build Verzeichnis und die M glichkeit zu Debugzweccken die Funktionsnamen in den Build zu integrieren Verwandte Glossarbegriffe Build Gemeinsame Einstellungen Index FindTerm Kapitel 4 Erzeugen einer Stand Alone App ShowURL X0jo Programmierbefehl globale Methode um eine URL im voreingestellten Webbrowser des Benutzers zu ffnen Verwandte Glossarbegriffe Global Methode Scope Index FindTerm Kapitel 3 Anzeigen Schaltfl che Sichern Sie sollten Ihr Projekt regelm ig speichern und grunds tzlich vor dem Ausf hren dessen Speichern Sie das Projekt via File gt Save Benennen Sie das Projekt Schnellstart Desktop und klicken Sie auf Save Verwandte Glossarbegriffe Drag related terms here Index FindTerm Kapitel 2 Projekttest Sichtbarkeitsbereich Siehe Scope Verwandte Glossarbegriffe Scope Index FindTerm Stand Alone App Eine eigenst ndig ohne die Entwicklungsumgebung lauff hige Anwendung im Gegens
17. das Fenster unter die rechte untere Ecke der List Box Achten Sie auf die automatischen Hilfslinien um den Button b ndig mit der rechten Kante der Listbox zu positionieren 2 Hinzuf gen der Hinzuf gen Schaltfl che Klicken Sie in der Library auf das Generic Button Steuerelement und ziehen Sie es in die N he der linken unteren Fensterecke Die Hilfslinien helfen Ihnen wieder dabei 3 Hinzuf gen der Anzeigen Schaltfl che Ziehen Sie ein ein Vorgabe Button Steuerelement Default Button aus der Library und positionieren Sie es in der rechten unteren Ecke des Fensters 13 Abschnitt 3 Textfeld Text Field Hinzuf gen des URL Felds Im URL Feld kann der Benutzer eine URL eingeben um diese der Liste hinzuzuf gen 1 Klicken Sie in der Library auf ein Textfeld Text Field und ziehen Sie es in das Fenster zwischen L schen und Hinzuf gen Knopf 2 Ver ndern Sie die Gr e des Felds Ziehen Sie es mittels seiner Anfasser und unterst tzt von den intelligenten Hilfslinien auf die Breite der List Box 3 Ihr Fenster sollen nun ungef hr so aussehen Abb 2 3 Fenster Layout mit Textfeld 14 Abschnitt 4 Eigenschaften Properties Was ist eine Eigenschaft Property Eine Property ist ein Wert einer Klasse wie etwa die Breite eines Fensters Mittels Ver nderung der Properties einer Klasse k nnen Sie Verhalten und Aussehen einer Instanz der Klasse ver ndern In diesem Proj
18. die Codezeilen nat rlich auch ber die Zwischenablage aus dem Tutorial in den Code Editor kopieren Wenn Sie Ihre Anwendung kompilieren berpr ft Xojo zun chst Ihren Code auf Tipp und Syntaxfehler Sollte dabei ein Fehler erkannt werden erscheint eine Fehlerliste zur berpr fung am Fu des Xojo Hauptfensters Abschnitt 2 Erste Schritte Falls Sie das noch nicht getan haben Starten Sie Xojo Abb 1 1 Das Projektauswahl Fenster Project Chooser 8009 Project Chooser Zell A Application Name URL Verwaltung amp Web Company Name Meine Firma Application Identifier com meinefirma urlverwaltung Console o Recent Projects La Templates Examples l Open an Existing File Cancei OK Doppelklicken Sie das Xojo Programmsymbol um Xojo zu starten Nach Abschluss des Ladevorgangs erscheint das Projektauswahl Fenster Xojo erlaubt die Erzeugung dreier verschiedener Anwendungsarten Desktop Web und Kommandozeile In diesem Tutorial erstellen wir eine Desktop Applikation Klicken Sie also auf Desktop Sie sehen nun drei Texteingabefelder Anwendungsname Application Name Firmenname Company Name und Anwendungs ID Application Identifier Application Name ist der Name Ihrer Anwendung Der hier eingegebene Begriff bestimmt den Dateinamen Ihrer Anwendung Company Name ist der Name Ihres Unternehmens Sie k nnen dieses Feld auch leer lassen Applicat
19. e App Kapitel 4 Erzeugen einer Stand Alone App Kapitel 4 Erzeugen einer Stand Alone App Button Ein normaler Bildschirmknopf H ufig benutzt um eine Programmaktion einzuleiten Verwandte Glossarbegriffe Caption Schaltfl che Index FindTerm Kapitel 1 Die Tutorial Anwendung Caption Titel Beschriftung Eine Property vieler Benutzerinterface Steuerelemente deren Wert z B den angezeigten Text eines Buttons bestimmt Verwandte Glossarbegriffe Button Property Index FindTerm Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Change Event Der Change Event Handler einer Listbox wird u a immer dann aufgerufen wenn der Benutzer eine neue Zeile ausw hlt Verwandte Glossarbegriffe Event Ereignis Event Handler Index FindTerm Kapitel 3 Die Listbox Code Editor Im Code Editor erg nzen Sie Elemente Ihres Projekts mit Programmcode z B In der Form von Event Handlern oder Methoden Verwandte Glossarbegriffe Drag related terms here Index FindTerm Kapitel 3 Anzeigen Schaltfl che Kapitel 3 Anzeigen Schaltfl che Company Name Company Name ist der Name Ihres Unternehmens Sie k nnen dieses Feld auch leer lassen Verwandte Glossarbegriffe Firmenname Index FindTerm Kapitel 1 Erste Schritte Kapitel 1 Erste Schritte Debugger Der Debugger ist der Teil eines Entwicklung
20. ekt werden Sie verschiedene Properties des Fensters und seiner Steuerelemente ver ndern Dazu geh ren e Unbenennung aller Steuerelemente und des Fensters damit ihre Namen ihre Funktionalit t besser beschreiben und sie somit eindeutiger innerhalb des Programmcodes ansprechbar sind e Ver ndern der Schaltfl chen Titel Setzen von Verriegelungs Properties um sicherzustellen dass die Steuerelemente mit Gr enver nderung des Fensters korrekt skaliert werden Abb 2 4 Fensterproperties im Inspector ID Name window 0 super Scope 0 Interfaces Behavior Placement visible IW Full Screen Live Resize N Implicit instance E Size Width 600 Height 400 Minimum Size Width 64 Height 64 Maximum Size Width 32000 Height 32000 Frame Type Tite United Close Button EW gt Resizeable ETW Maximize Button Minimize Button eT Inspector Im Inspector werden die Fenster und Steuerelement Properties ver ndert Der Inspector teilt sich das rechte Panel des Hauptfensters mit der Library Sie k nnen sich den Inspector anzeigen lassen indem Sie auf das Inspector Symbol in der Werkzeugleiste klicken Sie k nnen mittels der Tastaturk rzel L auf OS X STRG K unter Windows und Linux zur Library und I auf OS X STRG I unter Windows und Linux zum Inspector wechseln 15 Abschnitt 5 Fenstereigenschaften Wenn Sie dies noch nicht getan haben sollten rufen Sie jetzt den Nach E
21. en Code aus f hren zu lassen wenn der Benutzer auf die Schaltfl che klickt W hlen Sie also Action aus der Event Handler Liste und klicken Sie auf OK Im Navigator erscheint der Action Event unterhalb des L sch Button Steuerelements und der Code Editor zeigt den noch leeren Code des Events an 2 Ob eine Zeile aus einer Listbox zu entfernen m ssen Sie zu n chst bestimmen ob und wenn ja welche Zeile in ihr ausge w hlt ist In einer Listbox findet sich die aktuell ausgew hlte Zeile in der ListIndex Property Verwenden Sie die Listoox Methode RemoveRow um eine Zeile aus einer Listbox zu entfernen Sie bergeben Remove Row die Zeilennummer der zu entfernenden Zeile als Parame ter Ihr Code sieht nun also so aus URLListe RemoveRow URLListe ListIndex Speichern Sie das Projekt durch Wahl von File gt Save Starten sie die App um sie zu testen Geben Sie URLs in das URLField ein und klicken Sie auf den Hinzuf genButton um sie in die Liste einzuf gen Klicken Sie nun auf eine URL in der Liste und dann auf den L schButton Die Zeile verschwindet 29 Aber es gibt einen Bug in Ihrer App Was passiert wenn der Anwender auf den L schButton klickt ohne eine Zeile in der Liste anzuw hlen Versuchen Sie es Ihre App wird in den Editor zur ckschalten und eine Zeile optisch hervorheben Abb 3 4 Ein Laufzeitfehler im Debugger Sub Action URLListe RemoveRow URLListe ListIndex End Sub
22. en wird dass es sich bei der folgenden Adresse um eine Webseite handelt die angezeigt werden soll Steht am Anfang einer URL mailto wird die folgende Adresse stattdessen verwendet um eine E Mail ber den voreingestellten Mail Client zu versenden Verwandte Glossarbegriffe Http Mailto Index FindTerm Kapitel 1 Die Tutorial Anwendung Verriegelungspositionen Siehe Locking Verwandte Glossarbegriffe Locking Index FindTerm Wahr Siehe True Verwandte Glossarbegriffe True Index FindTerm Workspace Der Workspace ist das Hauptfenster von Xojo in dem Sie Ihre Anwendung erstellen Verwandte Glossarbegriffe Arbeitsbereich Index FindTerm Kapitel 1 Der Arbeitsbereich Workspace Kapitel 1 Der Arbeitsbereich Workspace Xojo Starten e Laden Sie die Installationsdatei f r Ihr Betriebssystem hier herunter http www xojo com download e F hren Sie das Installationsprogramm aus e Starten Sie Xojo Verwandte Glossarbegriffe Drag related terms here Index FindTerm Kapitel 1 ber dieses Desktop Tutorial
23. er Einstellungen Shared Settings finden Sie plattform bergreifende Parameter Plattformspezifische Einstellungen k nnen Sie durch Klick auf den Namen einer Plattform vornehmen Gemeinsame Einstellungen Shared Settings Die gemeinsamen Build Einstellungen Shared Build Settings beinhalten die Versionsinformationen Einstellungen f r das Build Verzeichnis und die M glichkeit zu Debugzwecken die Funktionsnamen in den Build zu integrieren Anm des bersetzers Die Bedeutungen der Parameter der folgenden Build Einstellungen finden Sie im Xojo Benutzerhandbuch und in den Programmierhandb chern Online Bibliotheken des jeweiligen Betriebssystems 37 OS X In den OS X Build Einstellungen k nnen Sie den Namen der Mac Applikation angeben die Architektur Carbon oder Cocoa den Creator Code Dateitypen und Bundle Identifizierer Abb 4 4 OS X Build Einstellungen Mac App Name URLManager gt Framework Cocoa Creator Code File Types Choose Build TC Bundle Identifier com mycompany urlmanager Windows Die Build Einstellungen f r Windows gestatten die Eingabe des Namens der Windows Anwendung sowie den Unternehmensnamen und den internen Namen anzugeben die in den Datei Eigenschaften der Applikation angezeigt werden Sie k nnen ausw hlen ob Sie ein Multiple Document Interface verwenden wollen und f r diesen Fall seinen Titel festlegen und GDI Plus einschalten das ve
24. ertige Anwendung erstellt haben istes an der Zeit sie zu testen und vielleicht ein paar Verbesserungen einzuf hren Abschnitt 1 Die URL Verwaltung testen Unabdingbar Der Programmtest Sie sind nicht wirklich fertig mit dem Programmieren nur weil Sie nun eine fertige Applikation erstellt haben Ein guter Entwickler testet seine Anwendungen stets gr ndlich um m gliche Probleme aufzusp ren Ein Problem haben Sie bereits gefunden und behoben den Klick auf den L schbutton ohne ausgew hlte Listenzeile K nnen Sie sich vorstellen dass noch weitere Probleme existieren die korrigiert werden sollten Starten Sie ihre App und spielen Sie ein wenig damit herum Notieren Sie sich Dinge die Sie gerne ndern m chten Im n chsten Abschnitt werden wir die URL Verwaltung ein wenig verbessern 34 Abschnitt 2 Verbesserungen Schaltfl chenbedienbarkeit Ist ihnen aufgefallen dass einige Buttons in der URL Verwaltung manchmal nicht verf gbar sein sollten Der AnzeigeButton beispielsweise sollte nicht versuchen seine Action Methode auszuf hren wenn keine URL ins URLField eingetragen wurde Und Sie wollen sicher keine URL in die Liste bernehmen wenn das URLField leer ist Es gibt verschiedene Methoden dies zu erreichen Eine davon besteht darin die Schaltfl chen zu deaktivieren wenn sie nicht benutzbar sein sollen Gehen Sie dazu wie folgt vor 1 W hlen Sie im Layout Editor Abb 4 1 Die Enabled Prope
25. fe Anwendungs ID Anwendungsname Index FindTerm Kapitel 1 Erste Schritte Kapitel 1 Erste Schritte Application Name Application Name ist der Name Ihrer Anwendung Der hier eingegebene Begriff bestimmt den Dateinamen Ihrer Anwendung Verwandte Glossarbegriffe Drag related terms here Index FindTerm Kapitel 1 Erste Schritte Kapitel 1 Erste Schritte Arbeitsbereich siehe Workspace Verwandte Glossarbegriffe Workspace Index FindTerm Ausnahmebehandlung Siehe Exception Verwandte Glossarbegriffe Exception Index FindTerm Bibliothek siehe Library Verwandte Glossarbegriffe Library Index FindTerm Boolesch Eine boolesche Variable kennt nur zwei Zust nde True Wahr oder False Falsch Verwandte Glossarbegriffe Enabled aktiviert False True Index FindTerm Build Als Building wird die Umwandlung von Programm Quellcode in ausf hrbaren Maschinencode bezeichnet wobei der Quellcode in der Regel kompiliert also in Maschinencode bersetzt wird und mit den n tigen Bibliotheken und weiteren Daten verlinkt Es k nnen sich weitere Schritte wie Optimierungen anschlie en Ein Build ist entsprechend das Ergebnis eines solchen Prozesses Eine ausf hrbare Anwendung Verwandte Glossarbegriffe Kompilierung Shared Build Settings Stand Alone App Index FindTerm Kapitel 4 Erzeugen einer Stand Alone App Kapitel 4 Erzeugen einer Stand Alon
26. ingabe von Return sehen Sie den neuen Namen in der Inspector durch Klick auf das Inspector Symbol in der Titelzeile des Fensters Werkzeugleiste auf Sie sollten nun die Properties Name und Title ndern Abb 2 7 Fensterlayout mit neuer Titelzeile 1 Klicken Sie im Layout Editor auf die Titelzeile des Fensters um diese auszuw hlen Der Inspector zeigt jetzt die Properties des Fensters an Abb 2 5 2 Andern Sie den Text im Namens nderung im Feld Name ganz obenim Navigator Inspector in der Gruppe v mm URLVerwaltungsFenster Fr ID von Window1 zu v Sondas erwaltungsFenster ze a Dr cken Sie den Zeilenschalter Return Abb 2 6 nderung des Fenstertitels um die Namens nderung Frame im Navigator zu sehen a Type 3 ndern Sie den Text im Title Feld Title weiter unten in der Frame Gruppe von Untitled zu URL Verwaltung 16 Abschnitt 6 List Box Eigenschaften In der List Box sollen die vom Benutzer eingegebenen URLs Klicken Sie auf die Schloss Symbole bis alle vier Symbole als aufgelistet werden Es m ssen die Properties Name und Locking verriegelt angezeigt werden ge ndert werden Klicken Sie zun chst im Layout Editor die Listbox an um sie auszuw hlen Der Inspector zeigt nun die Properties der Listbox an 1 ndern Sie im Feld Name in der ID Gruppe den Text von Listbox1 in URLListe Dr cken Sie Return um die Ver nderung in de
27. ion Identifier stellt eine eindeutige Kennung Ihrer Anwendung dar Aus den Eingaben der Felder Application Name und Company Name wird eine Vorgabe f r dieses Feld erzeugt Sie k nnen Sie aber beliebig ver ndern Geben Sie URL Verwaltung als Anwendungsnamen ein und ver ndern Sie die Vorgabe f r den Company Name ganz nach Lust und Laune oder lassen Sie sie so wie vorgegeben Klicken Sie auf OK um das Hauptfenster von Xojo zu ffnen den Arbeitsbereich Workspace in dem Sie Ihre Anwendung erstellen Xojo ffnet den Arbeitsbereich Workspace mit den f r Ihre Anwendungsart passenden Vorgabewerten im Navigator und im Layout Editor Abb 1 2 Das Xojo Hauptfenster je Je a Ill CAI Controls pi IE Layout Editor lt E Du I This Computer INEKR ENDE VE Q Filter Navigator Das Panel am linken Bildschirmrand listet alle Bestandteile Ihres Projekts auf Standardm ig sehen Sie hier Window1 das ausgew hlt ist das App Objekt und das MainMenuBar Objekt Mittels des Navigators bewegen Sie sich innerhalb Ihres Projekts Layout Editor Das mittlere Gebiet des Workspace ist der Layout Editor Mit diesem erstellen Sie das Benutzerinterface f r die Fenster Ihrer Anwendung Der Layout Editor liefert eine Vorschau auf das Erscheinungsbild Ihres Programmfensters In der Abbi
28. it er die URL verwendet die in das URLField eingegeben wurde Beenden Sie die Anwendung um in das Editor Fenster zur ckzugelangen W hlen Sie Datei gt Beenden auf Windows oder Linux bzw URL Verwaltung debug gt Beenden auf OS X Kehren Sie im Code Editor in den ShowButton Action Event zur ck und l schen Sie den bisher eingegebenen Code Sie m ssen also die URL erhalten die ins URLField eingegeben wurde Eventuell denken Sie gerade dass Sie den Text erhalten k nnen indem Sie den Namen des Felds URLField adressieren Das ist nah dran trifft es aber nicht v llig Stattdessen m ssen Sie eine Property von URLField ansprechen Wann immer Sie auf eine Property eines Objekts zugreifen wollen verwenden Sie den Namen des Objekts gefolgt von einem Punkt und dahinter den Namen der Eigenschaft Kurz gesagt Verwenden Sie diese Syntax ObjektName PropertyName Dies nennt man Punktnotation dot notation eine h ufig benutzte Schreibweise in objektorientierter Programmierung In diesem Fall hei t das Objekt URLField und die gesuchte Property hei t Text schauen Sie in die Sprachreferenz um alle Properties eines Tetxtfields kennenzulernen Jetzt k nnen Sie den Code ShowURL URLField Text eingeben Sollte sich dies als schwierig erweisen stellen Sie bitte sicher dass Sie die UL Verwaltung wie in Schritt 5 angegeben wirklich beendet haben 8 Speichern Sie das Projekt durch Wahl von File gt Save
29. ken unteren Ecke bleibt Die Locking Gruppe im Inspector zeigt verriegelte Schloss Symbole an der oberen und Abb 2 10 Locking f r den Hinzuf genButton linken Seite des Rahmens und ge ffnete an der unteren und der rechten Seite Klicken Sie auf die Symbole bis oberes und rechtes Symbol ge ffnet sowie linkes und unteres Symbol verriegelt sind Anzeigen Schaltfl che Ein Klick auf den Button Anzeigen soll den Webbrowser ffnen und die im TextField eingegebene URL anzeigen I gt Jetzt sollten Sie die Klicken Sie im Layout Editor auf den Anzeigen Button um ihn auszuw hlen dies ist die Schaltfl che in der rechten unteren Ecke des Fensters unterhalb des TextFields Der Inspector zeigt nun die Properties des Pushbuttons an ndern Sie im Feld Name des Inspectors in der ID Gruppe den Text von PushButton3 in AnzeigeButton Dr cken Sie Return um die Eingabe zu bernehmen und die Ver nderung im Navigator zu sehen Geben Sie im Feld Caption unten im Inspector in der Gruppe Appearance statt Button Anzeigen ein Dr cken Sie Return um die Eingabe zu bernehmen und die Ver nderung im Button des Fensters zu sehen Abb 2 11 Locking f r Verriegelungspositionen des Gen AnZSI9PBUHON Buttons berpr fen damit die Schaltfl che bei Gr enver nderungen des Fensters immer in der rechten unteren Ecke bleibt 19 Die Locking Gruppe im Inspector zeigt verriegel
30. ldung ist das Fenster leer weil noch keine Steuerelemente aus der Bibliothek Library hinzugef gt wurden Bibliothek Library Das Gebiet am rechten Rand des Hauptfensters stellt die Library dar in der Sie die Steuer und Interface Elemente finden die Sie zu einem Fenster oder zum Projekt hinzuf gen k nnen Sie gestalten Ihr Fenster indem Sie die Elemente aus der Library auf dieses hin berziehen oder indem Sie auf ein Element in der Library doppelklicken Sie k nnen das Erscheinungsbild der Elemente in der Library ver ndern indem Sie auf das kleine Zahnradsymbol r klicken und eine andere Einstellung ausw hlen Aufgemerkt Sollte die Library nicht sichtbar sein klicken Sie auf das Library Symbol in der Werkzeugleiste Inspector In der Abbildung nicht sichtbar ist der Inspector in dem Sie die Eigenschaften des ausgew hlten Steuerelements sehen und ver ndern k nnen Der Inspector teilt sich das rechte Panel des Hauptfensters mit der Library Sie k nnen sich den Inspector anzeigen lassen indem Sie auf das Inspector Symbol in der Werkzeugleiste klicken Der Inspector liefert Informationen ber das im Navigator oder Editor ausgew hlte Element Das Aussehen des Inspectors wird dem gerade gew hlten Element angepasst Sie ver ndern eine Eigenschaft des angezeigten Elements indem Sie einen Wert in das Texteingabefeld rechts der Feldbezeichnung eingeben Abschnitt 4 Die Tutorial Anwendung In diesem Tutorial ers
31. le gt Save 2 Benennen Sie das Projekt DesktopTutorial und klicken Sie auf Save Das Projekt ausf hren Jetzt da Ihr Benutzerinterface Layout vollst ndig ist k nnen Sie Ihr Programm testen Klicken Sie auf das Run Symbol in der Werkzeugleiste um es ausf hren zu lassen Sobald das URL Verwaltungsfenster angezeigt wird k nnen Sie mit den Schaltfl chen interagieren indem Sie auf sie klicken Sie k nnen Text in das Text Field eingeben und das Fenster vergr ern und verkleinern und beobachten wie sich die Locking Einstellungen dabei auf die Elemente auswirken Allerdings verf gt die URL Verwaltung ber keinerlei Funktionalit t Wir m ssen Programmcode hinzuf gen worum es im n chsten Kapitel gehen wird Abb 2 13 Das vollst ndige URL Verwaltungsfenster Layout 22 Kapitel 3 Code hinzuf gen Der abschlie ende Schritt in der Erstellung der URL Verwaltung Das Hinzuf gen von Programmcode Abschnitt 1 Anzeigen Schaltfl che Code zum AnzeigenButton hinzuf gen Das erste Steuerelement das wir mit Code erg nzen wird der AnzeigeButton sein Ein Klick auf diese Schaltfl che soll den voreingestellten Webbrowser ffnen und die in das URLField eingegebene URL anzeigen Erg nzen Sie den Code folgenderma en 1 Doppelklicken Sie im Layout Editorfenster das AnzeigeButton Steuerelement das Sie Anzeigen betitelt haben Der Event Handler Hinzuf gen Dialog Add E
32. n Navigator zu bernehmen 2 Jetzt m ssen die Abb 2 8 Verriegelung Verriegelungspositionen der Listbox ver ndert werden damit die EEE Listbox bei a Gr enver nderungen des a 8 Fensters mitskaliert wird Die Locking Gruppe im Inspector zeigt verriegelte Schloss Symbole an der oberen und linken Seite des Rahmens aber ge ffnete an der unteren und der rechten Seite 17 Abschnitt 7 Schaltfl cheneigenschaften Die drei auf dem Fenster platzierten Buttons sollen Aktionen ausl sen Sie sollten die folgenden Properties jedes Buttons ndern Name Caption und Locking L schen Schaltfl che Der Button L schen wird verwendet um URLs aus der URLListe zu entfernen i Klicken Sie im Layout Editor zun chst auf den L schen Button um ihn auszuw hlen das ist der Button direkt unterhalb der Listbox Der Inspector zeigt nun die Properties des L schen Buttons an ndern Sie im Feld Name des Inspectors in der ID Gruppe den Text von PushButton1 in L schButton Dr cken Sie Return um die Ver nderung in den Navigator zu bernehmen Geben Sie im Feld Caption Titel Beschriftung unten im Inspector in der Gruppe Appearance Erscheinungsbild statt Button L schen ein Dr cken Sie Return um die Eingabe zu bernehmen und die Ver nderung im Button des Fensters zu sehen 4 Nun sollten Sie das Locking Abb 2 9 Locking f r ndern damit der L schen den L
33. nutzerhandbuch sind kursiv geschrieben e Angaben zur Verwendung eines Eintrags aus den Programm Men s werden in der Form W hlen Sie Datei gt Neues Projekt gegeben Dieses Beispiel ist die Kurzform von W hlen Sie Neues Projekt aus dem Datei Men e Tastaturk rzel bestehen aus einer Reihe von Tasten die in der angegebenen Reihenfolge gedr ckt und gehalten werden sollten Unter Windows und Linux wird die STRG Taste als Steuerungstaste verwendet unter OS X dient dazu die Befehl Taste Das K rzel STRG O oder s6 O bedeutet also die STRG Taste auf Windows oder Linux Rechnern oder die amp Taste auf OS X gedr ckt zu halten und dann zus tzlich die O Taste zu dr cken Heben Sie den Finger von der STRG bzw Befehl Taste erst wenn Sie die O Taste nicht mehr dr cken e In Anf hrungszeichen stehen Begriffe die Sie eingeben sollten wie startKnopf Mitunter wird von Ihnen erwartet Programmbefehle in den Code Editor einzugeben Diese werden in grauen K sten angezeigt ShowURL Gew hlteURL Text Bitte beachten Sie bei der Codeeingabe folgendes Geben Sie jede vorgegebene Zeile als einzelne Zeile in den Code Editor ein Versuchen Sie nicht mehrere Programmzeilen zu einem Satz zusammenzufassen oder eine lange Zeile mittels Zeilenschaltungen Return zu unterteilen F gen Sie keine weiteren Leerzeichen ein wenn in den Programmierzeilen im Tutorial keine stehen Sie k nnen
34. objektorientierter Programmierung Wann immer Sie auf eine Property eines Objekts zugreifen wollen verwenden Sie den Namen des Objekts gefolgt von einem Punkt und dahinter den Namen der Eigenschaft ObjektName PropertyName Verwandte Glossarbegriffe Dot notation Property Index FindTerm Kapitel 3 Anzeigen Schaltfl che Kapitel 3 Anzeigen Schaltfl che Kapitel 3 Hinzuf gen Schaltfl che RemoveRow X0jo Programmierbefehl Methode des Listbox Steuerelements um eine Zeile einer Listbox zu l schen Als Parameter wird die zu l schende Zeilennummer die die Methode bergeben Verwandte Glossarbegriffe List Box Methode Scope Index FindTerm Kapitel 3 L schen Schaltfl che Kapitel 3 L schen Schaltfl che Runtime Error Siehe Laufzeitfehler Verwandte Glossarbegriffe Laufzeitfehler Index FindTerm Schaltfl che auch Knopf siehe Button Verwandte Glossarbegriffe Button Index FindTerm Kapitel 1 Die Tutorial Anwendung Scope Scope bezeichnet den Sichtbarkeitsbereich von z B Variablen und Methoden innerhalb eines Projekts Der Scope legt fest innerhalb welchen Bereichs das entsprechende Element sicht und ansprechbar ist e Public ffenlich Das Element steht dem ganzen Projekt zur Verf gung Protected gesch tzt Auf ein gesch tztes Element kann nur innerhalb seiner Eltern Klasse seines Eltern Fensters oder Moduls zugegriffen werden Die genauen Eins
35. och leeren Code des Events an Eine Zeile wird einer Listbox mit der AddRow Methode hinzugef gt Sie wissen bereits wie Sie an den Text eines TextFields gelangen Kombinieren Sie dies mit AddRow und Sie erhalten diesen Code URLListe AddRow URLField Text Wie vorher schon erw hnt k nnen Objekte Properties besitzen Nun sehen Sie dass Objekte ebenfalls Methoden besitzen k nnen AddRow ist eine der vielen Methoden die einem Listbox Steuerelement zuer Verf gung stehen Speichern Sie das Projekt durch Wahl von File gt Save Starten sie die App um sie zu testen Geben Sie URLs in das URLField ein und klicken Sie auf den Hinzuf genButton Sie tauchen daraufhin in der URLListe auf 27 5 Beenden Sie die Anwendung um in den Editor zur ckzugelangen W hlen Sie Datei gt Beenden auf Windows oder Linux bzw URL Verwaltung debug gt Beenden auf OS X 28 Abschnitt 3 L schen Schaltfl che Code dem L schButton hinzuf gen Mit dem L schButton werden URLs aus der Liste entfernt Der von Ihnen zu schreibende Code muss die ausgew hlte Zeile der Liste erkennen und diese aus ihr l schen k nnen Gehen Sie dazu wie folgt vor 1 Doppelklicken Sie im Fenster des Layout Editors den L sch Button den Sie L schen betitelt haben Der Event Handler Hinzuf gen Dialog Add Event Handler erscheint Wie bereits bei den anderen Schaltfl chen wollen Sie den Action Event Handler verwenden um Ihr
36. r Klasse die unabh ngig von den anderen Instanzen agiert Mit diesen Instanzen interagieren sowohl Sie wenn Sie Ihre Funktionalit t innerhalb eines Fensters programmieren auf dem Sie platziert wurden als auch sp ter der Benutzer innerhalb der Anwendung Verwandte Glossarbegriffe Klasse Class Index FindTerm Kapitel 2 Eigenschaften Properties Klasse Class In ihrer einfachsten Form ist eine Klasse ein Beh lter f r Code wie Properties Methoden und Steuerelemente Klassen sind die grundlegenden Bausteine der objektorientierten Programmierung Eine Klasse existiert in einem Projekt nur einmal Sie kann aber mehrfach innerhalb dessen instantiiert werden Verwandte Glossarbegriffe Instanz Instance Property Index FindTerm Kapitel 2 Eigenschaften Properties Kapitel 2 Eigenschaften Properties Kompilierung Die bersetzung eines Quellcodes in ausf hrbaren Maschinencode Die Kompilierung ist Teil des Build Vorgangs beide Begriffe werden aber auch gerne synonym verwendet Verwandte Glossarbegriffe Build Index FindTerm Kapitel 1 Bedeutung von Abk rzungen Zeichen und Schriftarten Laufzeitfehler Ein Programmfehler der bei der Ausf hrung des Programms auftritt etwa durch ung ltige und nicht abgefangene Benutzereingaben Verwandte Glossarbegriffe Debugging Runtime Error Index FindTerm Layout Editor Layout Editor Das mittlere Gebiet des Workspace i
37. rbesserte Grafikinterface enhanced Graphics Device Interface Abb 4 5 Windows Build Einstellungen ID Windows App Name URLManager exe Company Name My Company Product Name Internal Name MDI OFF MoN MDI Caption Use GDI Plus E OFF 38 Linux In den Build Einstellungen f r Linux k nnen Sie nur den Anwendungsnamen eingeben This Computer Dieser Computer In diesem Abschnitt werden die Build Einstellungen der verwendeten Entwicklungsplattform angezeigt Wenn Sie z B Auf Mac OS X entwickeln sehen Sie hier die OS X Build Einstellungen Build Ihrer Applikation Sobald Sie die gew nschten Zielplattformen ausgew hlt und die Build Einstellungen vorgenommen haben k nnen Sie einen Build Ihrer Anwendung erzeugen lassen Klicken Sie dazu auf das Build Symbol in der Werkzeugleiste oder w hlen Sie Project gt Build Application aus dem Men Xojo wird eine Stand Alone Applikation f r jede gew hlte Plattform erzeugen Test Ihres Builds Im Projektordner auf Ihrem Datenspeicher werden Sie nun ein Verzeichnis Builds DesktopTutorial xojo_binary_project finden in dem wiederum Ordner f r die Builds jeder Plattform angelegt wurden ffnen Sie das Verzeichnis Ihrer Plattform und klicken Sie auf das Programmsymbol um Ihre Stand Alone App zu starten 39 Abschnitt 4 Fertig Herzlichen Gl ckwunsch Sie haben das Desktop Tutorial erfolgreich absolviert und eine voll funktionsf
38. rty Dis den AnzeigeButton den Sie Anzeigen benannt haben Stellen Sie im Inspector in der Appearance Gruppe die Property Enabled auf Aus Off 2 Gehen Sie genauso mit dem Hinzuf genButton um 3 Jetzt werden Sie Programmcode hinzuf gen um die Schaltfl chen zu aktivieren wenn sich Text im URLField befindet Doppelklicken Sie im Fenster auf das URLField Steuerelement Der Event Handler Hinzuf gen Dialog Add Event Handler erscheint wiederum mit einer anderen Liste als den bisher gesehenen Jedes Steuerelement besitzt seine individuelle Event Liste Abb 4 2 Die Event Handler eines TextFields Add Event Handler to TextFieldi a The TextEdit Text Text property of the TextField has been changed ValidationError UL L cnca 35 Wir wollen Hinzuf genButton und AnzeigeButton deaktivieren wenn kein Text im URLField steht Der TextChange Event wird bei jeder Ver nderung der Text Property eines Textfields aufgerufen sei es durch Benutzereingabe oder via Programmcode W hlen Sie also TextChange aus der Event Handler Liste und klicken Sie auf OK Im Navigator erscheint der TextChange Event unterhalb des URLListe Steuerelements und der Code Editor zeigt den noch leeren Code des Events an A Geben Sie z B diesen Code ein If Me Text lt gt Then AnzeigeButton Enabled True Hinzuf genButton Enabled True Else AnzeigeButton Enabled False Hinzuf genButton Enabled False
39. ssystems der zur Verfolgung von Bugs benutzt werden kann Sie haben hier die M glichkeit zur Laufzeit Ver nderungen der Properties nachzuverfolgen und das Programm Schritt f r Schritt abarbeiten zu lassen Verwandte Glossarbegriffe Debugging Index FindTerm Kapitel 3 L schen Schaltfl che Debugging Als Debugging w rtlich Entwanzen bezeichnet man die Beseitigung von Programmfehlern etwa um ung ltige Benutzereingaben aufzufangen die sonst zu einem Laufzeitfehler oder Fehlberechnungen f hren k nnten oder einfach das Korrigieren falscher Methoden Verwandte Glossarbegriffe Debugger Laufzeitfehler Methode Index FindTerm Kapitel 3 L schen Schaltfl che Kapitel 4 Erzeugen einer Stand Alone App Default Button Der Default Button ist das Xojo Steuerelement f r eine Schaltfl che die die bevorzugte Wahl darstellt wie etwa ein OK Knopf Dieser Button ist via Betriebssystem auch per Tastaturk rzel Zeilenschaltung Return ansprechbar Verwandte Glossarbegriffe Generic Button Index FindTerm Kapitel 2 Schaltfl chen Buttons Dot notation Siehe Punktnotation Verwandte Glossarbegriffe Punktnotation Index FindTerm Kapitel 3 Anzeigen Schaltfl che Eigenschaft Siehe Property Verwandte Glossarbegriffe Property Index FindTerm Kapitel 2 Eigenschaften Properties Enabled aktiviert Eine Eigenschaft vieler Steuerelemente Ist En
40. st der Layout Editor Mit diesem erstellen Sie das Benutzerinterface f r die Fenster Ihrer Anwendung Der Layout Editor liefert eine Vorschau auf das Erscheinungsbild Ihres Programmfensters Verwandte Glossarbegriffe Drag related terms here Index FindTerm Kapitel 1 Der Arbeitsbereich Workspace Kapitel 2 URL Liste Kapitel 2 Fenstereigenschaften Kapitel 2 List Box Eigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Text Field Eigenschaften Library Das Gebiet am rechten Rand des Hauptfensters stellt die Library dar in der Sie die Steuer und Interface Elemente finden die Sie zu einem Fenster oder fem Projekt hinzuf gen k nnen Sie gestalten Ihr Fenster indem Sie die Elemente aus der Library auf dieses hin berziehen oder indem Sie auf ein Element in der Library doppelklicken Anzeige Tastaturk rzel L auf OS X STRG K auf Windows und Linux Verwandte Glossarbegriffe Bibliothek Index FindTerm Kapitel 1 Der Arbeitsbereich Workspace Kapitel 1 Der Arbeitsbereich Workspace Kapitel 2 URL Liste Kapitel 2 Schaltfl chen Buttons Kapitel 2 Schaltfl chen Buttons List Box Ein Steuerelement das eine scrollbare Liste darstellt Dies kann sowohl eine einfache Liste als auch eine mehrspaltige Tabelle sein Scrollen ist sowohl vertikal als auch horizon
41. tal m glich Verwandte Glossarbegriffe AddRow Listenelement ListIndex RemoveRow Text Index FindTerm Kapitel 1 Die Tutorial Anwendung Kapitel 2 Schaltfl cheneigenschaften Listenelement auch Liste Listensteuerelement siehe List Box Verwandte Glossarbegriffe List Box Index FindTerm Kapitel 1 Die Tutorial Anwendung ListiIndex Property des Listbox Steuerelements in der die Nummer der ausgew hlten Zeile der Listbox angeben wird Verwandte Glossarbegriffe List Box Property Scope Index FindTerm Kapitel 3 L schen Schaltfl che Kapitel 3 L schen Schaltfl che Locking Mithilfe der Schloss Symbole in der Locking Gruppe des Inspectors wird festgelegt welche Positionen eines Elements bei der Skalierung seines Elternelements mitskaliert werden Verwandte Glossarbegriffe Verriegelungspositionen Index FindTerm Kapitel 2 List Box Eigenschaften Kapitel 2 List Box Eigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Text Field Eigenschaften Kapitel 2 Projekttest Mailto Steht am Anfang einer URL mailto wird die folgende Adresse stattdessen verwendet um eine E Mail ber den voreingestellten Mail Client zu versenden Verwandte Glossarbegriffe URL Index FindTerm Kapitel 1 Die Tutorial Anwendung Me Me bezieht sich auf das Steuerelement
42. te Schloss Symbole an der oberen und linken Seite des Rahmens und ge ffnete an der unteren und der rechten Seite Klicken Sie auf die Symbole bis oberes und linkes Symbol ge ffnet sowie rechtes und unteres Symbol verriegelt sind 20 Abschnitt 8 Text Field Eigenschaften Im Text Field wird der Anwender die URLS angeben die der Liste hinzugef gt werden sollen Hier werden auch die URLs angezeigt die in der Liste angeklickt werden Die Properties Name und Locking m ssen modifiziert werden 1 Klicken Sie im Layout Editor zun chst auf das Text Field um es auszuw hlen Der Inspector zeigt nun die Text Field Properties an 2 ndern Sie im Feld Name des Inspectors in der ID Gruppe den Text von TextField1 in URLField Dr cken Sie Return um die Ver nderung in den Navigator zu bernehmen 3 Nun sollten Sie das Locking ndern damit das Text Field bei Gr enver nderungen des Fensters mitskaliert wird Die Locking Gruppe im Inspector zeigt verriegelte Schloss Symbole an der oberen und linken Seite des Rahmens und ge ffnetean Abb 2 12 Locking der unteren und der rechten Seite f r das URLField Klicken Sie auf die Symbole bis das s obere Symbol ge ffnet ist und das linke rechte und untere Symbol verriegelt sind 21 Abschnitt 9 Projekttest Das Projekt sichern Sie sollten Ihr Projekt regelm ig speichern und grunds tzlich vor dem Ausf hren 1 Speichern Sie das Projekt via Fi
43. tellen wir eine Anwendung die URLs und E Um eine URL aus der Liste anzuzeigen klickt man auf diese und Mail Adressen verwaltet w hlt Anzeigen Eine URL kann wieder aus der Liste entfernt werden indem man Eine URL wird blicherweise mit http eingeleitet womit ae l schsskiokt angegeben wird dass es sich bei der folgenden Adresse um eine Webseite handelt die angezeigt werden soll Die URL Verwaltung benutzt drei Arten von Steuerelementen Steht am Anfang einer URL Listenelement List Box Ein mailto wird die folgende Steuerelement das eine Abb 1 3 URL Verwaltungs Anwendung scrollbare Liste darstellt Dies kann sowohl eine einfache Liste als auch eine mehrspaltige Tabelle sein Scrollen ist sowohl vertikal als auch horizontal m glich Adresse stattdessen verwendet um eine E Mail ber den voreingestellten Mail Client zu versenden URL Verwaltung Die URL Verwaltungs anwendung nimmt eine URL in einem Textfeld entgegen Ein Klick auf Anzeigen zeigt diese im voreingestellten Webbrowser an Mittels Klick auf Hinzuf gen wird die URL in der Liste gespeichert Textfeld Text Field Ein Steuerelement das die Anzeige oder Eingabe einer Textzeile erm glicht Schaltfl che Button Ein normaler Bildschirmknopf H ufig benutzt um eine Programmaktion einzuleiten 10 Kapitel 2 Gestaltung des Benutzer interface Wir entwerfen die Benutzerschnittstelle Abschnitt 1 URL Liste
44. ten wurde etwa auf eine Zeile einer Listbox zugegriffen wird die gar nicht existiert Verwandte Glossarbegriffe Exception Index FindTerm Kapitel 3 L schen Schaltfl che Projekt ausf hren Klicken Sie auf das Run Symbol in der Werkzeugleiste um es ausf hren zu lassen Verwandte Glossarbegriffe Drag related terms here Index FindTerm Kapitel 2 Projekttest Kapitel 3 Anzeigen Schaltfl che Kapitel 3 Anzeigen Schaltfl che Kapitel 3 Hinzuf gen Schaltfl che Kapitel 3 L schen Schaltfl che Kapitel 3 Die Listbox Kapitel 4 Die URL Verwaltung testen Kapitel 4 Verbesserungen Property Eine Property ist ein Wert einer Klasse wie etwa die Breite eines Fensters Mittels Ver nderung der Properties einer Klasse k nnen Sie Verhalten und Aussehen einer Instanz der Klasse ver ndern Verwandte Glossarbegriffe Caption Eigenschaft Enabled aktiviert Klasse Class ListIndex Punktnotation Text Index FindTerm Kapitel 2 Eigenschaften Properties Kapitel 2 Fenstereigenschaften Kapitel 2 List Box Eigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 2 Schaltfl cheneigenschaften Kapitel 3 Anzeigen Schaltfl che Kapitel 3 Anzeigen Schaltfl che Kapitel 3 L schen Schaltfl che Kapitel 3 L schen Schaltfl che Kapitel 3 Die Listbox Kapitel 3 Die Listbox Punktnotation Eine h ufig benutzte Schreibweise in
45. vent Handler erscheint Abb 3 1 Event Handler Hinzuf gen Dialog Action Description Close ConstructContextualMenu ContextualMenuAction DragEnter DragExit DragOver DropObject GotFocus KeyDown KeyUp LostFocus MouseDown MouseEnter MouseExit MouseMove Cancel OK Wenn ein Benutzer auf einen PushButton klickt wird der Programmcode im Action Event Handler ausgef hrt Sie wollen eine Aktion programmieren die bei Klicken des Buttons ausgef hrt wird W hlen Sie daher Action aus der Event Handler Liste und klicken Sie auf OK Wie Sie sehen zeigt der Abb 3 2 Action Event Handler f r den AnzeigeButton Navigator den Action Event nun unterhalb des AnzeigeButton Steuerelements an und der Y C Anzeige utton a Code Editor erscheint Der Programmierbefehl um eine URL im voreingestellten Webbrowser des Benutzers zu ffnen lautet ShowURL Um den Knopf zu testen sorgen wir zun chst daf r dass bei einem Klick auf den Button die stets gleiche URL ge ffnet wird ShowURL http www xojo com 24 ShowURL ist eine globale Methode da sie keinem besonderen Objekt zugeordnet ist Sie kann von berall in der Anwendung aufgerufen werden Starten Sie die Anwendung und klicken Sie auf den AnzeigeButton Ihr voreingestellter Webbrowser sollte nun die Xojo Homepage anzeigen Dies ist als Funktion nat rlich nicht sonderlich sinnvoll Wir m ssen den Programmcode modifizieren dam
Download Pdf Manuals
Related Search