Basiskomponenten in Android.

Die grafischen Komponenten entsprechen den Elementen, die es dem Benutzer ermöglichen, mit dem System zu interagieren. Wenn wir von GUI sprechen, beziehen wir uns auf grafische Benutzeroberflächen. Daher werden diese Schnittstellen durch grafische Elemente wie Schaltflächen, Menüs, Symbole, Textfelder usw. aufgebaut. Etiketten usw. Wenn wir unter anderem Text verwenden, kombiniert eine GUI das visuelle Design und die mit diesem Design verbundenen Ereignisse. Wenn wir also eine Schaltfläche hinzufügen, müssen wir das mit dieser Schaltfläche verbundene Ereignis programmieren, wenn sie von einem Benutzer gedrückt wird.

Wie bereits erwähnt, konzentrieren wir uns auf die grafischen Komponenten, die aus XML-Dateien verwendet werden, und sehen uns einige der oben genannten Eigenschaften an.

Grundeigenschaften.

Sehen wir uns einige grundlegende Eigenschaften an, die in Grafikkomponenten verwendet werden. Diese können auf jede Komponente unabhängig von ihrem Typ angewendet werden, da alle Komponenten, wie bereits erwähnt, Ansichten sind und daher dieselben Eigenschaften haben. Einige der am häufigsten verwendeten sind:

Android: ID.

Sehr wichtige Eigenschaft, da sie die Definition einer Kennung für das Steuerelement ermöglicht. Diese Eigenschaft wird jeder Ansicht zugewiesen. Wenn sie beispielsweise einem Dateneingabefeld zugewiesen wird, wird sie zum Erfassen von Benutzerinformationen verwendet. Daher müssen wir ihr einen differenzierenden Namen geben ist klar.

Der korrekte Weg, eine Kennung zu generieren, ist wie folgt:

android:id="@+id/miTextField"

Das Symbol @+id/ bedeutet, dass ein neuer Bezeichner generiert wird. Dadurch wird die Klasse erstellt R. Erstellen Sie aus dem Gen-Paket des Projekts einen Verweis auf dieses Objekt, damit es später durch Code manipuliert werden kann.

Im Beispiel ist die Kennung „myTextField“ für die Komponente.

android:layout_width.

Definiert die mit der Ansicht verknüpfte Breite. Es handelt sich um eine obligatorische Eigenschaft und ihr Wert kann in absoluten Werten oder durch Angabe eines der beiden folgenden Werte definiert werden:

• wrap_content (Es nimmt den Raum entsprechend seinem Inhalt ein)

• match_parent (Belegt den gesamten verfügbaren Platz)

  Beispiel: android:layout_width="match_parent" beliebig android:layout_width="290dp"

android:layout_height.
Definiert die mit der Ansicht verknüpfte Höhe. Es handelt sich um eine obligatorische Eigenschaft und ihr Wert kann in absoluten Werten definiert werden oder einen der beiden folgenden Werte angeben:

• wrap_content (Es nimmt den Raum entsprechend seinem Inhalt ein)

• match_parent (Belegt den gesamten verfügbaren Platz)

  Beispiel: android:layout_height="wrap_content" beliebig android:layout_height="58dp"

android:layout_margin.

Definiert einen Rand für die Komponente und ermöglicht die Einrichtung eines Abstands über, unter und an den Seiten. Als Variante können Sie für den Fall, dass Sie unabhängige Räume bereitstellen möchten, die Eigenschaften marginLeft, marginRight, marginTop oder marginBottom (oder alle) verwenden.

Beispiel: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"

Android: Tipp.

Diese Eigenschaft ermöglicht die Anzeige von Text im Steuerelement als Hilfe, während der Benutzer noch keine Informationen eingegeben hat. (Vorzug gegenüber der Texteigenschaft)

Beispiel: android:hint="Geben Sie den Namen ein"

android:inputType.

Es bestimmt, welche Art von Eingabe für das Textfeld zulässig ist. Dies ermöglicht eine Art Datenvalidierung und teilt dem Betriebssystem auch mit, welche Art von (virtueller) Tastatur verwendet werden soll.

Zu den Optionen, die wir dieser Eigenschaft zuordnen können, gehören unter anderem:

• Text
• Nummer
• Textur
• Textpasswort
• Telefon
• treffen
• TextEmailAddress

Es gibt viele weitere Optionen, die je nach Bedarf genutzt werden können.

Beispiel: android:inputType="Nummer" | android:inputType="textEmailAddress"

android:textSize.

Definiert eine Größe für den Text, der auf dem Bildschirm angezeigt werden soll. Maßeinheiten müssen berücksichtigt werden, wenn sp für Texte verwendet wird

Beispiel: android:textSize="25sp"

android:styletext.

Definiert einen Stil für den Text, wobei der Text als normal, fett, kursiv (oder beides) definiert werden kann.

Beispiel: android:textStyle="bold" | android:textStyle="kursiv" | android:textStyle="bold|italic"

android:textColor.

Definiert eine Farbe für den Text, wobei eine Farbe aus der Eigenschaftendatei „Farben“ oder ein Hexadezimalwert hinzugefügt werden kann

Beispiel: android:textColor="@color/teal_700" | android:textColor="#9C27B0"

android:backgroundTint.

Definiert eine Hintergrundfarbe für die Komponente. Sie können die Farbe auch aus den „Farben“-Eigenschaften oder einem Hexadezimalwert erhalten

Beispiel: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"

android:text.

Definiert den mit der Ansicht verknüpften Textinhalt. Obwohl sein Wert direkt zugewiesen werden kann, wird dringend empfohlen, die im Ressourcenordner verfügbare Zeichenfolgendatei zu verwenden.

Beispiel: android:text="Bienvenidos" | android:text="@string/title"

Diese Eigenschaft kommt häufig in Ansichten vor, die Text auf der Benutzeroberfläche des Geräts anzeigen. Der folgende Bildschirm zeigt die Ressourcendatei strings.xml, in der verschiedene Werte für die Texte hinzugefügt werden

und später wird über die Ansichten auf diese Werte zugegriffen

Nachdem wir die vorherigen Eigenschaften gelöscht haben, sehen wir uns die grundlegenden Grafikkomponenten an.

Taste.

Diese entsprechen den grundlegenden Schaltflächen, die wir kennen. Es wird lediglich eine Schaltfläche mit ihrem internen Text und einem definierten Rand angezeigt.

Der Knopf würde beim Drücken die Grundfunktion erfüllen, auf ein Ereignis zu warten.

Umschaltknopf

Der ToggleButton-Typ entspricht einem Button-Typ, der in zwei möglichen Zuständen gehalten werden kann, gedrückt oder nicht gedrückt. Hierzu wird nicht nur eine einzelne Texteigenschaft definiert, sondern zwei, je nachdem, welchen Zustand sie gerade hat, und zwar unter Verwendung der Eigenschaften von der Android: textOn und android:textOff.

Wie herkömmliche Schaltflächen kann der ToggleButton so programmiert werden, dass er auf das Klickereignis reagiert. Sie müssen jedoch wahrscheinlich nur wissen, in welchem Zustand er sich befindet. Dies kann mithilfe der Methode isChecked() erfolgen, die den Wert „true“ zurückgibt, wenn das Ereignis gedrückt wird, andernfalls „false“.

pendeln

Dieses Steuerelement kann einen Schalter simulieren, der der Funktionsweise von ToggleButton sehr ähnlich ist, jedoch mit einem anderen visuellen Erscheinungsbild.

Denken Sie daran, dass sich das visuelle Erscheinungsbild unserer Komponenten je nach verwendeter Android-Version ändern kann. In diesem Fall würde der Switch-Controller für Android-Versionen 5.0 und höher so aussehen:

ImageButton

Mit dieser Art von Schaltfläche können Sie ein Bild damit verknüpfen, das dem Benutzer anstelle eines Textes wie üblich angezeigt wird. Dazu können wir das Bild aus den Ordnern /res/drawable nehmen und es mit der Eigenschaft android:src laden. In diesem Fall verwenden wir ein Bild direkt aus Android-Ressourcen.

Textvorschau

Diese entsprechen den grundlegenden Textbeschriftungen, die den Benutzern angezeigt werden. In anderen Sprachen werden sie als Beschriftungen bezeichnet und ermöglichen die Anzeige eines mit der Eigenschaft android:text verknüpften Textes. Diese Beschriftungen verfügen über weitere Eigenschaften, mit denen Sie ihre Größe und ihren Hintergrund ändern können Farbe, Farbe und Schriftart, Stil usw.

Text bearbeiten

Die Android-EditText-Ansicht entspricht ASP und C# Textbox oder JAVA JTextField. Es handelt sich um ein Steuerelement, das die Erfassung des vom Benutzer zur Laufzeit eingegebenen Texts ermöglicht.

Auswahlfeld

Das Kontrollkästchen-Steuerelement wird zum Aktivieren oder Deaktivieren von Optionen in einer Anwendung verwendet. Die Art und Weise, es in der Schnittstelle zu definieren, und die für seine Manipulation per Code verfügbaren Eigenschaften sind analog zu denen, die im ToogleButton-Steuerelement kommentiert werden.

Dieses Steuerelement erbt vom TextView-Steuerelement, daher gelten alle bereits für dieses Steuerelement genannten Formatierungsoptionen auch für die checkBox.

Im Anwendungscode können Sie mit der Methode isChecked(), die den Wert von zurückgibt, überprüfen, ob dieses Steuerelement ausgewählt ist oder nicht WAHR wenn Sie ausgewählt wurden oder FALSCH Andernfalls können Sie auch die Methode setChecked(value) verwenden, um einen bestimmten Status für das Steuerelement festzulegen, wobei „value“ gilt WAHR wäre für ausgewählte und FALSCH von nicht ausgewählt.

Das Ereignis, das normalerweise für dieses Steuerelement programmiert ist und jedes Mal ausgeführt wird, wenn sich sein Status ändert (ausgewählt/nicht ausgewählt), ist onCheckedChanged.

Radio knopf

Wie das CheckBox-Steuerelement dient der RadioButton dazu, eine bestimmte Option zu aktivieren oder zu deaktivieren. Der Unterschied besteht in der Art der Auswahl, die Sie treffen möchten. RadioButtons werden normalerweise in Gruppen verwendet, um eine Reihe von Optionen zu definieren, aus denen Sie nur eine auswählen können, d. h. jede Option schließt sich gegenseitig aus, sodass bei der Auswahl einer Option automatisch die zuvor ausgewählte Option deaktiviert wird. Diese Gruppen werden durch das RadioGroup-Element definiert, das wiederum alle RadioButton-Elemente enthält, die die Optionen darstellen.

RadioGroups können die Eigenschaft „android:orientation“ auf „Vertical“ oder „Horizontal“ setzen, um zu bestimmen, wie die darin enthaltenen RadioButtons angeordnet werden.

Der RadioButton wiederum muss zusätzlich zu Breite und Höhe die Eigenschaft android:text definieren, um den Text der dargestellten Option zuzuordnen, und android:id, um dem Steuerelement einen Code zuzuordnen, damit es von der Logik der Anwendung aus manipuliert werden kann.

Um die Steuerung aus der Anwendungslogik heraus zu manipulieren, können verschiedene Methoden verwendet werden, darunter check(ich würde gehen), die verwendet wird, um den identifizierten Radiobutton mit der ID festzulegen, die als Parameter als ausgewählt übergeben wird, die Methode „clearCheck()“ wird verwendet, um alle Radiobuttons in der Gruppe zu deaktivieren, und die Methode „getCheckedRadioButtonId()“ wird verwendet, um die ID des zu erhalten Optionsfeld, das sich innerhalb der ausgewählten Gruppe befindet, oder den Wert -1, wenn kein Element ausgewählt ist.

Das wichtigste Ereignis dieses Steuerelements ist auch onCheckedChanged, das ausgelöst wird, wenn ein Element der Gruppe ausgewählt wird (denken Sie daran, dass die Auswahl eines Elements der Gruppe die Abwahl eines anderen Elements bedeutet).

Und das war's, das sind einige der grundlegenden Grafikkomponenten, die wir im Laufe des Kurses verwenden werden. In den nächsten Beiträgen werden wir mit anderen Komponenten oder Layouts fortfahren.

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 😉