Relatives Layout - Entwicklung nativer Anwendungen für Android mit Netbeans

EIN Relatives Layout ist eine Gruppenansicht, die die Komponenten in Positionen relativ zu einer anderen Komponente anzeigt. Die Position jeder Komponente kann relativ zu anderen Elementen angegeben werden, beispielsweise links neben einer Schaltfläche oder unter einem bestimmten Textfeld oder nach unten, links oder mittig ausgerichtet.
Wir beginnen im Tutorial Native Anwendungen für Android mit Netbeans entwickeln und erklären, wie man die Lineares LayoutIn diesem Tutorial sehen wir, dass der Container zum Erstellen von Schnittstellen in Android das Relative Layout ist.
Das Hauptmerkmal dieses Layouts besteht darin, dass die Komponenten, die sich in diesem Container befinden, ihre Position in Bezug auf die anderen Elemente festlegen. Auf diese Weise können wir definieren, dass die Button-Komponente befindet sich unterhalb der Textbox-Komponente und diese wiederum ist horizontal in Bezug auf die Label-Komponente ausgerichtet.
Zu den Eigenschaften, die uns helfen, die Elemente in Bezug auf andere zu positionieren, gehören:
android: layout_above: Dies bedeutet, dass sich die Komponente mit dieser Eigenschaft über der von uns angegebenen Komponente befindet.
Beispiel:

Die Schaltfläche wird wie angegeben über dem Beschriftungselement positioniert android: layout_above = "@ id / title"
android: layout_alignLeft: Das bedeutet, dass die Komponente mit dieser Eigenschaft mit dem linken Rand der angegebenen Komponente übereinstimmen muss. Wenn wir möchten, dass es mit der rechten Kante übereinstimmt, verwenden wir android: layout_alignRight.
android: layout_toLeftOf: Dies bedeutet, dass sich die Komponente mit dieser Eigenschaft links von der von uns angegebenen Komponente befindet.
android: layout_toRightOf: Dies bedeutet, dass die Komponente mit dieser Eigenschaft rechts von der von uns angegebenen Komponente positioniert wird.
android: layout_bottom: Dies bedeutet, dass die Komponente mit dieser Eigenschaft unter der von uns angegebenen Komponente positioniert wird.
Wir werden ein einfaches Beispiel für einen Taschenrechner in Android programmieren. In diesem Tutorial werden wir Netbeans und das Android SDK verwenden, wie wir es im Tutorial Entwickeln nativer Anwendungen für Android mit Netbeans getan haben.

Wir erstellen das LayoutRelativo-Projekt

Sobald das Projekt erstellt ist, beginnen wir mit dem Design im Layout-Ordner, öffnen die Datei main.xml und kopieren den folgenden Code:

Dann wir schreiben die Funktionalität in Java in der Datei MainActivity.java

 Paket com.Relative; android.app.Activity importieren; android.os.Bundle importieren; Android.Widget importieren *; android.view importieren *; public class MainActivity erweitert Activity {// Wir instanziieren Variablen und Komponenten, die wir // für Berechnungen verwenden werden private double number, numberrob; privater EditText-Wert, Wertb; privates TextView-Ergebnis; public void onCreate (Bundle savedInstanceState) {super.onCreate (savedInstanceState); // Wir starten die Anwendung mit dem Hauptlayout setContentView (R.layout.main); // Wir weisen jeder Komponente eine Variable zu this.valora = (EditText) findViewById (R.id.numeroa); this.valorb = (EditText) findViewById (R.id.numerob); this.result = (TextView) findViewById (R.id.result); } public void btSumar (Ansicht anzeigen) {// Funktion hinzufügen // Wenn beide Werte größer als Null sind, wird sie in eine Dezimalzahl umgewandelt und addiert if (this.value.getText (). toString (). length ( )> 0 && this.valorb.getText().toString().length()>0) {this.numeroa = Double.parseDouble (this.valora.getText().toString()); this.numerob = Double.parseDouble (this.valorb.getText (). toString ()); this.result.setText (Double.toString ((this.numeroa + this.numerob))); }} public void btRestar (View view) {// Subtract function // Wenn beide Werte größer als Null sind, wird es in eine Dezimalzahl umgewandelt und subtrahiert if (this.value.getText(). toString(). length ()> 0 && this.valorb.getText (). ToString (). Length ()> 0) {this.numeroa = Double.parseDouble (this.valora.getText (). ToString ()); this.numerob = Double.parseDouble (this.valorb.getText (). toString ()); this.result.setText (Double.toString ((this.numeroa - this.numerob))); }} public void btMultiplicar (View view) {// Multiply function // Wenn beide Werte größer als Null sind, wird es in eine Dezimalzahl umgewandelt und multipliziert if (this.value.getText(). toString(). length ()> 0 && this.valorb.getText (). ToString (). Length ()> 0) {this.numeroa = Double.parseDouble (this.valora.getText (). ToString ()); this.numerob = Double.parseDouble (this.valorb.getText (). toString ()); this.result.setText (Double.toString ((this.numeroa * this.numerob))); }} public void btDivide (View view) {// Divide function // Wenn beide Werte größer als Null sind, wird es in eine Dezimalzahl umgewandelt und geteilt if (this.value.getText(). toString(). length ()> 0 && this.valorb.getText (). ToString (). Length ()> 0) {this.numeroa = Double.parseDouble (this.valora.getText (). ToString ()); this.numerob = Double.parseDouble (this.valorb.getText (). toString ()); if (this.numerob! = 0) {this.result.setText (Double.toString ((this.numeroa / this.numerob))); }}} public boolean onCreateOptionsMenu (Menümenü) {// Menü aus Vorlage oder Layout erstellen getMenuInflater().inflate (R.menu.main, menu); true zurückgeben; }

Wir führen die Anwendung aus und wenn der Emulator aktiviert ist, sehen wir den folgenden Bildschirm.

Das erste Textfeld akzeptiert nur Zahlen, die 1 oder 5 enthalten, wie wir angegeben haben, die Kombinationen der Ziffern in den Designspezifikationen mit der Eigenschaft sein können Android: Ziffern = "12345"
Wir werden auch ein Menü und ein Untermenü im Ordner hinzufügen Ressourcen Wir erstellen einen Ordner namens menu und in einer XML-Datei namens main.xm, die die Menükonfiguration enthält.

Innerhalb des Werteordners müssen wir den Namen des Menüs in der Datei deklarieren strings.xml

 Rechner - Relative Layout-Konfiguration 

Wir führen die Anwendung erneut aus und drücken dann die Menütaste und klicken auf Einstellung.

Wir haben eine voll funktionsfähige Anwendung erreicht, um zu testen, wie es funktioniert, wenn wir das Handy drehen und der Bildschirm untergebracht werden muss, drücken wir:

Strg + F12

Dies simuliert das Drehen des Mobiltelefons.

Die Schaltflächen werden durch die Eigenschaften positioniert, zum Beispiel für die Schaltfläche Subtrahieren Wir positionieren uns rechts vom Hinzufügen und richten uns am oberen Rand des Hinzufügen-Buttons aus.

 android: layout_toRightOf = "@ id / add" android: layout_alignTop = "@ id / add"

Im Fall der nützlichen Schaltfläche richten wir sie an der ersten Schaltfläche zum Hinzufügen und an der letzten Schaltfläche zum Multiplizieren aus.

 android: layout_toRightOf = "@ id / multiplizieren" android: layout_alignTop = "@ id / add"

Dann fügen wir eine Schaltfläche mit einem Symbol hinzu, dafür laden wir ein beliebiges Symbol aus dem Internet www.Icofinder.com herunter. Wir werden das Symbol in den Ressourcenordner kopieren / drawable-mdpi.

Wir fügen den untenstehenden Designcode hinzu, gehen in den Layoutordner und öffnen die Datei main.xml.

Der Hauptzweck von relativen Layouts, wie wir oben für das Design gesagt haben ist, so wenig verschachtelte Layouts wie möglich zu verwendenIn diesem Beispiel von Calculator haben wir ein einziges Layout mit all seinen Komponenten verwendet. Dadurch wird die Anwendung schneller. Das Verschachteln mit einem anderen Layout verlangsamt und verringert die Leistung der Anwendung.
EIN Layout Relative Hierarchie meistens Es verwendet weniger Layout und ist einfacher zu handhaben als eine LinearLayout-Hierarchie. Der Vorteil gegenüber LinearLayout besteht darin, dass wir jedes Mal, wenn wir die Ausrichtung einer Komponente ändern oder zusätzliche Ansichten erstellen möchten, ein neues LinearLayout erstellen müssen. Daher wird empfohlen, dass Sie für jedes Layout mit beliebiger Komplexität zuerst RelativeLayout verwenden.
Was ist mehr LinearLayout es ist nur vertikal oder horizontal in Bezug auf eine Komponente ausgerichtet, während Layout Relativ viele weitere Optionen bietet. Wenn Sie dieses Tutorial mochten und serviert haben, folgen Sie mir!Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben