Im Eintrag zum Erstellen des ersten Projekts auf Android haben wir dann gesehen, wie wir unsere Basisanwendung erstellen, wir haben die Struktur des Projekts und verschiedene Konzepte wie SDK, Manifest und die Aktivitäten und deren Lebenszyklus überprüft. Jetzt werden wir mit der Änderung des aktuellen Projekts fortfahren um tiefer in die App-Erstellung einzusteigen.
Wie bereits erwähnt, werden wir die in diesem Eintrag erstellte Anwendung ändern, in der wir das erste Android-Projekt erstellt haben. Wir bleiben auf diesem Bildschirm
Dort können wir sehen, dass die Standardanwendung aus der Split-Ansicht eine TextView-Komponente mit dem Text „Hello World“ erstellt. (Wenn Sie zu diesem Zeitpunkt noch nicht wissen, wie die App erstellt wird, empfehle ich Ihnen, den oben genannten Eintrag zu lesen.)
Wenn wir hier sind, werden wir diese Ansicht ändern, indem wir neue Komponenten hinzufügen. Wenn wir dann zur Entwurfsansicht gehen, können wir den Bildschirm nach unseren Wünschen ändern. In diesem Fall erstellen wir die folgende Schnittstelle.
Wie wir sehen können, haben wir eine PlainText-Komponente hinzugefügt, die tatsächlich einem Bearbeitungsfeld entspricht oder Eigenschaften wie Klartext, Passwort, Telefon, E-Mail und andere haben kann, genauso wie das definierte Layout es uns ermöglicht, die Größe von zu ändern die Komponenten und weisen Sie eine relative Position zu, in diesem Fall hat das Textfeld eine Position relativ zur Textansicht des Titels.
Wenn wir zur Split-Ansicht gehen, sehen wir den generierten XML-Code und von hier aus können wir die Eigenschaften manuell ändern. In diesem Fall haben wir dem Titel eine Farbe und eine Größe von 25sp hinzugefügt. Beachten Sie, dass jede Komponente eine ID-Eigenschaft hat sowie Eigenschaften zur Steuerung der Platzierung der Komponente auf dem Bildschirm.
Wir fanden andere Komponenten wie Spitze was a entspricht Platzhalter die angezeigt wird, während das Feld leer ist, können auf die gleiche Weise andere Eigenschaften hinzugefügt werden, um die Komponente zu formatieren.
Jetzt wird eine Komponente vom Typ hinzugefügt Das hat auch die Eigenschaft id, die relativ zur Textfeldkomponente ist. In diesem Fall ändern wir den Bezeichner.
Anwendungslogik.
Um die logische und Informationsverarbeitung durchzuführen, gehen wir zur Klasse MainActivity.kt, von dort erhalten wir die grafischen Komponenten über ihre ID mithilfe der Methode findViewById().
Wir haben das Click-Ereignis der Schaltfläche hinzugefügt und eine Funktion namens onClick() erstellt (Kann auf beliebige Weise aufgerufen werden).
In dieser Funktion wird Logik hinzugefügt, um den Wert des Textfelds zu erfassen, auf das auf die gleiche Weise wie auf die Schaltfläche verwiesen wird. In diesem Fall wird jedoch eine Komponente vom Typ EditText erstellt, die auf die ID des Textfelds verweist.
Anschließend wird der Feldwert abgerufen und zu einer String-Variablen hinzugefügt, die dann in einer Toast-artigen Komponente dargestellt wird, die die Anzeige einer temporären Nachricht auf dem Bildschirm ermöglicht.
Wenn wir die Anwendung ausführen, startet der Emulator und wir können das System testen, indem wir den Benutzernamen hinzufügen und die Eingabetaste drücken. Wir sehen, wie der Toast angezeigt wird, der einige Sekunden dauert.
Anschließend modifizieren wir den Bildschirm, indem wir eine weitere TextView-Komponente ohne Text hinzufügen, die dazu dient, die Informationen des eingegebenen Namens nun direkt auf dem Bildschirm anzuzeigen.
Um diese Logik auszuführen, kehren wir zur Klasse MainActivity.kt zurück und verweisen in der Funktion auf die EditText-Komponente mit der zugewiesenen ID und senden dann die Nachricht, die wir anzeigen möchten.
Später starten wir die Anwendung erneut und erhalten das folgende Ergebnis.
Eine weitere Alternative zum Erfassen der Daten besteht darin, die Komponenten global zu deklarieren und so zu vermeiden, dass sie in jeder Funktion deklariert werden müssen:
Wichtig zu verwenden!! um zu verhindern, dass Sie Nullreferenzen haben.
Überwachung:
In den Zeilen 11 und 12 wird Nullsafety verwendet. Hierbei handelt es sich um eine Kotlin-Funktion, die die Steuerung von Nullwerten innerhalb der Anwendung ermöglicht und verhindert, dass diese die beliebte NullPointerException lädt. Wir können Nullwerte nicht direkt zuweisen, aber auf diese Weise, wenn wir EditText angeben? Wir teilen dem Compiler mit, dass dieses Feld einen Nullverweis haben und seine Verarbeitung zulassen kann.
in den Zeilen 26 und 27 verwenden Sie !! um dem Compiler mitzuteilen, dass er nicht prüfen soll, ob der Wert null ist und er daher ohne Probleme kompilieren kann. Wenn er jedoch null ist, werfen Sie die Ausnahme in der Konsole aus, falls wir wissen, dass ein Nullwert ankommen kann und wir ihn trotzdem verarbeiten möchten
Eine weitere empfohlene Alternative wären sichere Aufrufe. Wenn Sie also versuchen, das Objekt aufzurufen und es null ist, wird die Ausnahme nicht ausgelöst, aber der Nullwert wird gespeichert, ohne den Prozess zu beenden. Aus diesem Grund muss die Variable nullbar sein damit es korrekt kompiliert wird.
Damit haben wir unsere erste funktionsfähige Anwendung mit Datenerfassung und Button-Events.
Es könnte Sie auch interessieren.
Möchten Sie etwas zu diesem Eintrag hinzufügen oder kommentieren? gerne machen ….Und wenn es Ihnen gefallen hat ... lade ich Sie ein, es zu teilen j Abonnieren Sie, indem Sie auf die Schaltfläche „Dieser Website beitreten“ klicken, um weitere Beiträge wie diesen zu hören 😉