Relativ layout - Utvikling av native -applikasjoner for Android med Netbeans

EN Relativ oppsett er en gruppevisning som viser komponentene i posisjoner i forhold til en annen komponent. Plasseringen til hver komponent kan spesifiseres i forhold til andre elementer, for eksempel til venstre for en knapp eller under en bestemt tekstboks eller justert til bunnen, venstre eller midten.
Vi starter med opplæringen Utvikling av opprinnelige applikasjoner for Android med Netbeans som forklarer hvordan du bruker Lineær layoutI denne opplæringen vil vi se beholderen for å lage grensesnitt i Android er det relative oppsettet.
Hovedkarakteristikken for dette oppsettet er at komponentene som er inne i denne beholderen vil finne posisjonen deres i forhold til de andre elementene. På denne måten kan vi definere at Knappkomponenten er plassert under tekstbokskomponenten, og at denne igjen er justert horisontalt i forhold til etikettkomponenten.
Blant egenskapene som hjelper oss med å plassere elementene i forhold til andre er:
android: layout_above: det betyr at komponenten som har denne egenskapen vil være plassert over komponenten som vi angir.
Eksempel:

Knappen vil være plassert over etikettelementet som angitt android: layout_above = "@ id / title"
android: layout_alignLeft: Det betyr at komponenten som har denne egenskapen må sammenfalle med den venstre kanten av komponenten som vi angir. Hvis vi vil at det skal falle sammen med høyre kant, vil vi bruke det android: layout_alignRight.
android: layout_toLeftOf: Det betyr at komponenten som har denne egenskapen vil være plassert til venstre for komponenten som vi angir.
android: layout_toRightOf: Det betyr at komponenten som har denne egenskapen vil bli plassert til høyre for komponenten som vi angir.
android: layout_bottom: Det betyr at komponenten som har denne egenskapen vil bli plassert under komponenten som vi angir.
Vi skal programmere et enkelt eksempel på en kalkulator i Android, i denne opplæringen vil vi bruke Netbeans og Android SDK som vi gjorde i opplæringen Utvikle native applikasjoner for Android med Netbeans.

Vi vil lage LayoutRelativo -prosjektet

Når prosjektet er opprettet, starter vi med designet i layoutmappen, åpner main.xml -filen og kopierer følgende kode:

Deretter vi skal skrive funksjonaliteten i Java i filen MainActivity.java

 pakke com.Relative; import android.app.Activity; importer android.os.Bundle; importer android.widget. *; importer android.view. *; public class MainActivity utvider aktivitet {// Vi instansierer variabler og komponenter som vi skal bruke // til beregninger private dobbeltnummer, numberrob; private EditText verdi, valueb; privat TextView -resultat; public void onCreate (Bundle savedInstanceState) {super.onCreate (saveInstanceState); // Vi starter programmet med hovedoppsettet 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) {// Legg til funksjon // Hvis begge verdiene er større enn null, konverteres det til et desimaltall og legges til hvis (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 verdiene er større enn null, konverteres det til et desimaltall og trekkes 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) {// Multipliser funksjon // Hvis begge verdiene er større enn null, konverteres det til et desimaltall og multipliseres hvis (this.value.getText (). toString (). lengde ()> 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 // Hvis begge verdiene er større enn null, blir det konvertert til et desimaltall og delt hvis (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))); }}} offentlig boolsk onCreateOptionsMenu (Meny -meny) {// Lag meny fra mal eller oppsett getMenuInflater (). oppblåse (R.meny.main, meny); returner sant; }

Vi kjører programmet, og når emulatoren er aktivert, ser vi følgende skjermbilde.

Den første tekstboksen godtar bare tall som inneholder 1 eller 5 som vi angav, som kan være kombinasjoner av sifrene i designspesifikasjonene med egenskapen android: sifre = "12345"
Vi vil også legge til en meny og undermeny i mappen Ressurser Vi vil lage en mappe som heter meny og inne i en xml -fil kalt main.xm som vil ha menykonfigurasjonen.

I verdimappen må vi deklarere navnet på menyen i filen strings.xml

 Kalkulator - Relativ layoutkonfigurasjon 

Vi kjører applikasjonen igjen og trykker deretter på menyknappen og klikker på Innstilling.

Vi har oppnådd en fullt funksjonell applikasjon, for å teste hvordan den fungerer hvis vi snur mobilen og skjermen må innkvarteres trykker vi på:

Ctrl + F12

Dette vil simulere svingingen av mobilen.

Knappene er plassert av egenskapene, for eksempel for knappen Trekke fra vi plasserer til høyre for å legge til og justert med den øvre kanten av knappen Legg til.

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

Når det gjelder den nyttige knappen, justerer vi den i forhold til den første knappen som skal legges til og den siste knappen for å multiplisere.

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

Deretter legger vi til en knapp med et ikon, for dette laster vi ned et hvilket som helst ikon fra Internett www.Icofinder.com. Vi kopierer ikonet i ressursmappen / drawable-mdpi.

Vi legger til designkoden nedenfor, vi går til layoutmappen, vi åpner filen main.xml.

Hovedformålet med relative oppsett, som vi sa ovenfor for designet er å bruke så få nestede oppsett som muligI dette eksemplet på Kalkulator har vi brukt et enkelt oppsett med alle dets komponenter. Dette vil tillate at applikasjonen blir raskere. Nesting med et annet oppsett bremser og reduserer programmets ytelse.
EN Layout Relativt hierarki som oftest Den bruker mindre layout og har en enklere håndtering enn et LinearLayout -hierarki. Fordelen i forhold til LinearLayout er at vi må opprette en ny LinearLayout hver gang vi ønsker å endre retningen til en komponent eller opprette flere visninger. Som et resultat anbefales det at du bruker RelativeLayout først for ethvert oppsett som har noen kompleksitet.
Hva mer Lineær layout den er orientert bare vertikalt eller horisontalt med hensyn til en komponent mens Layout Relative har mange flere alternativer. Hvis du likte og serverte denne opplæringen, følg meg!Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng