Relativt layout - Udvikling af native applikationer til Android med Netbeans

EN Relativt layout er en gruppevisning, der viser komponenterne i positioner i forhold til en anden komponent. Placeringen af ​​hver komponent kan specificeres i forhold til andre elementer, f.eks. Til venstre for en knap eller under et bestemt tekstfelt eller justeret til bunden, venstre eller midten.
Vi starter i selvstudiet Udvikling af indfødte applikationer til Android med Netbeans, der forklarer, hvordan man bruger Lineær layoutI denne vejledning vil vi se beholderen til at oprette grænseflader i Android er det relative layout.
Hovedkarakteristikken ved dette layout er, at de komponenter, der er inde i denne beholder, finder deres position i forhold til de andre elementer. På denne måde kan vi definere, at Knapkomponent er placeret under tekstbokskomponenten, og at denne igen er justeret vandret i forhold til etiketkomponenten.
Blandt de egenskaber, der hjælper os med at placere elementerne i forhold til andre, er:
android: layout_above: det betyder, at den komponent, der har denne egenskab, vil være placeret over den komponent, vi angiver.
Eksempel:

Knappen placeres over etiketelementet som angivet android: layout_above = "@ id / title"
android: layout_alignLeft: Det betyder, at den komponent, der har denne egenskab, skal falde sammen med den venstre kant af den komponent, som vi angiver. Hvis vi vil have det til at falde sammen med den højre kant, vil vi bruge android: layout_alignRight.
android: layout_toLeftOf: Det betyder, at den komponent, der har denne egenskab, vil være placeret til venstre for den komponent, som vi angiver.
android: layout_toRightOf: Det betyder, at den komponent, der har denne egenskab, vil blive placeret til højre for den komponent, som vi angiver.
android: layout_bottom: Det betyder, at den komponent, der har denne egenskab, vil blive placeret under den komponent, vi angiver.
Vi skal programmere et simpelt eksempel på en lommeregner i Android, i denne vejledning vil vi bruge Netbeans og Android SDK, som vi gjorde i selvstudiet Udvikling af indfødte applikationer til Android med Netbeans.

Vi opretter LayoutRelativo -projektet

Når projektet er oprettet, starter vi med designet i layoutmappen, åbner main.xml -filen og kopierer følgende kode:

Derefter vi skriver funktionaliteten i Java i filen MainActivity.java

 pakke com.Relative; import android.app.Activity; import android.os.Bundle; import android.widget. *; import android.view. *; public class MainActivity udvider Aktivitet {// Vi instantierer variabler og komponenter, som vi vil bruge // til beregninger private double number, numberrob; privat EditText -værdi, valueb; privat TextView -resultat; public void onCreate (Bundle savedInstanceState) {super.onCreate (saveInstanceState); // Vi starter applikationen med hovedlayoutet setContentView (R.layout.main); // Vi tildeler hver komponent til en variabel this.valora = (EditText) findViewById (R.id.numeroa); this.valorb = (EditText) findViewById (R.id.numerob); this.result = (TextView) findViewById (R.id.result); } public void btSumar (View view) {// Tilføj funktion // Hvis begge værdier er større end nul, konverteres det til et decimaltal og tilføjes 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 // Hvis begge værdier er større end nul, konverteres det til et decimaltal og trækkes if 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) {// Multiplicer funktion // Hvis begge værdier er større end nul, konverteres det til et decimaltal og multipliceres if (this.value.getText (). toString (). længde ()> 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) {// Divider -funktion // Hvis begge værdier er større end nul, konverteres det til et decimaltal og divideres if (this.value.getText (). toString (). længde ()> 0 && this.valorb.getText (). ToString (). Length ()> 0) {this.numeroa = Double.parseDouble (this.valora.getText (). ToString ()); this.numerob = Double.parseDouble (this.valorb.getText (). toString ()); hvis (this.numerob! = 0) {this.result.setText (Double.toString ((this.numeroa / this.numerob))); }}} offentlig boolsk onCreateOptionsMenu (menumenu) {// Opret menu fra skabelon eller layout getMenuInflater (). oppust (R.menu.main, menu); vende tilbage sandt; }

Vi kører applikationen, og når emulatoren er aktiveret, ser vi følgende skærmbillede.

Det første tekstfelt accepterer kun tal, der indeholder 1 eller 5 som vi angav, hvilket kan være kombinationer af cifrene i designspecifikationerne med egenskaben android: cifre = "12345"
Vi tilføjer også en menu og undermenu i mappen Ressourcer Vi opretter en mappe kaldet menu og inde i en xml -fil kaldet main.xm, som har menukonfigurationen.

Inde i værdimappen skal vi erklære navnet på menuen i filen strings.xml

 Lommeregner - Relativ layoutkonfiguration 

Vi kører applikationen igen, og tryk derefter på menuknappen og klik på Indstilling.

Vi har opnået en fuldt funktionel applikation, for at teste, hvordan den fungerer, hvis vi vender mobilen, og skærmen skal være tilpasset, trykker vi på:

Ctrl + F12

Dette vil simulere drejningen af ​​mobilen.

Knapperne placeres efter egenskaberne, f.eks. For knappen Trække fra vi placerer til højre for at tilføje og justeres med den øverste kant af knappen Tilføj.

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

I tilfælde af den nyttige knap justerer vi den i forhold til den første knap, der skal tilføjes, og til den sidste knap, der skal multipliceres.

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

Derefter tilføjer vi en knap med et ikon, til dette downloader vi ethvert ikon fra internettet www.Icofinder.com. Vi kopierer ikonet i mappen Ressourcer / drawable-mdpi.

Vi tilføjer designkoden nedenfor, vi går til layoutmappen, vi åbner filen main.xml.

Hovedformålet med Relative Layouts, som vi sagde ovenfor for designet er at bruge så få indlejrede layouts som muligtI dette eksempel på lommeregner har vi brugt et enkelt layout med alle dets komponenter. Dette gør det muligt for applikationen at være hurtigere. Nesting med et andet layout bremser og sænker programmets ydeevne.
EN Layout Relativt hierarki som regel Det bruger mindre layout og har en enklere håndtering end et LinearLayout -hierarki. Fordelen i forhold til LinearLayout er, at vi skal oprette en ny LinearLayout hver gang vi vil ændre orienteringen af ​​en komponent eller oprette yderligere visninger. Som et resultat anbefales det, at du først bruger RelativeLayout til ethvert layout, der har nogen kompleksitet.
Hvad mere er Lineær layout den er kun orienteret lodret eller vandret i forhold til en komponent, mens Layout Relative har mange flere muligheder. Hvis du kunne lide og serverede denne vejledning, følg mig!Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt