De grafiske komponenter svarer til de elementer, der vil give brugeren mulighed for at interagere med systemet, når vi taler om GUI, henviser vi til de grafiske brugergrænseflader, derfor er disse grænseflader bygget gennem grafiske elementer såsom knapper, menuer, ikoner, tekstfelter, etiketter osv. tekst blandt andet, en GUI kombinerer det visuelle design og de begivenheder, der er forbundet med det design, så hvis vi tilføjer en knap, skal vi programmere den begivenhed, der er knyttet til den knap, når den trykkes af en bruger.
Lad os som nævnt fokusere på de grafiske komponenter, der bruges fra XML-filer, lad os se nogle af egenskaberne nævnt ovenfor.
Grundlæggende egenskaber.
Lad os se nogle grundlæggende egenskaber brugt i grafiske komponenter, disse kan anvendes på enhver komponent uanset dens type, fordi som nævnt er alle komponenter Views, så de deler de samme egenskaber, nogle af de mest brugte er:
android: id.
Meget vigtig egenskab, fordi den tillader at definere en identifikator for kontrolelementet, denne egenskab tildeles enhver visning, for eksempel hvis den er tildelt til et dataindtastningsfelt, vil dette blive brugt til at fange brugeroplysninger, så vi skal bruge et differentierende navn. er klart.
Den korrekte måde at generere en identifikator på er som følger:
android:id="@+id/miTextField"
Symbolet @+id/ betyder, at en ny identifikator bliver genereret, vil dette gøre klassen R. fra projektets gen-pakke, opret en reference til dette objekt, så det senere kan manipuleres med kode.
I eksemplet er identifikatoren "mit tekstfelt" for komponenten.
android:layout_width.
Definerer bredden forbundet med visningen, det er en obligatorisk egenskab, og dens værdi kan defineres i absolutte værdier eller ved at angive en af følgende to værdier:
-
wrap_content (Det optager pladsen i henhold til dets indhold)
-
match_parent (Optager al tilgængelig plads)
Eksempel:
android:layout_width="match_parent"nogenandroid:layout_width="290dp"
android:layout_height.
Definerer højden forbundet med visningen, det er en obligatorisk egenskab, og dens værdi kan defineres i absolutte værdier eller angive en af de to følgende værdier:
-
wrap_content (Det optager pladsen i henhold til dets indhold)
-
match_parent (Optager al tilgængelig plads)
Eksempel:
android:layout_height="wrap_content"nogenandroid:layout_height="58dp"
android:layout_margin.
Definerer en margen for komponenten, hvilket gør det muligt at etablere et mellemrum over, under og på dens sider, som varianter i tilfælde af at du ønsker at give uafhængige mellemrum, kan det gøres ved at bruge egenskaberne marginLeft, marginRight, marginTop eller marginBottom (eller alle)
Eksempel: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
android: tip.
Denne egenskab tillader, at tekst vises i kontrolelementet som en hjælp, mens brugeren endnu ikke har indtastet information. (Foretrækkes frem for tekstegenskaben)
Eksempel: android:hint="Indtast navnet"
android:inputType.
Det bestemmer, hvilken type input der vil være tilladt for tekstboksen, dette giver mulighed for en form for datavalidering og fortæller også operativsystemet, hvilken type (virtuelt) tastatur der skal bruges.
Blandt de muligheder, som vi kan knytte til denne ejendom, er nogle såsom:
- Tekst
- nummer
- struktur
- tekstadgangskode
- telefon
- møde
- TekstE-mail-adresse
Der er mange andre muligheder, der kan bruges alt efter behov.
Eksempel: android:inputType="nummer" | android:inputType="textEmailAddress"
android: tekststørrelse.
Definerer en størrelse for teksten, der skal vises på skærmen, måleenheder skal tages i betragtning, hvor sp bruges til tekster
Eksempel: android:textSize="25sp"
android:styletext.
Definerer en stil for teksten, idet den er i stand til at definere teksten som normal, fed, kursiv (eller begge dele).
Eksempel: android:textStyle="fed" | android:textStyle="kursiv" | android:textStyle="bold|kursiv"
android: tekstfarve.
Definerer en farve til teksten ved at være i stand til at tilføje en farve fra egenskabsfilen "farver" eller en hexadecimal værdi
Eksempel: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:baggrundsfarve.
Definerer en baggrundsfarve for komponenten, du kan også få farven fra egenskaberne "farver" eller en hexadecimal værdi
Eksempel: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android:tekst.
Definerer det tekstmæssige indhold, der er knyttet til visningen. Selvom dens værdi kan tildeles direkte, anbefales det stærkt at bruge strengfilen, der er tilgængelig i ressourcemappen.
Eksempel: android:text="Bienvenidos" | android:text="@streng/titel"
Denne egenskab er almindelig i visninger, der viser tekst i enhedens grænseflade. Følgende skærm viser ressourcefilen strings.xml, hvor forskellige værdier for teksterne tilføjes
og senere tilgås disse værdier fra visningerne
Efter at have ryddet de tidligere egenskaber, lad os se, hvad de grundlæggende grafiske komponenter er.
Knap.
Disse svarer til de grundlæggende knapper, vi kender, den viser blot en knap med dens interne tekst og en defineret margen.
Knappen ville opfylde den grundlæggende funktion at vente på en begivenhed, når der trykkes på den.
skifte-knap
ToggleButton-typen svarer til en type knap, der kan holdes i 2 mulige tilstande, trykket ned eller ikke trykket, for dette er ikke kun en enkelt tekstegenskab defineret, men 2 afhængigt af den tilstand, den har i øjeblikket, ved hjælp af egenskaberne for androiden: textOn og android:textOff.
Ligesom traditionelle knapper kan ToggleButton programmeres til at reagere på klikhændelsen, men du skal sandsynligvis bare vide, hvilken tilstand den er i. Dette kan gøres ved at konsultere isChecked()-metoden, som returnerer værdien true i tilfælde af, at der trykkes og falsk ellers.
pendler
Denne kontrol kan simulere en kontakt, der ligner meget, hvordan ToggleButton fungerer, men med et andet visuelt udseende.
Husk, at afhængigt af den Android-version, vi bruger, kan det visuelle udseende af vores komponenter ændre sig, i dette tilfælde vil Switch-controlleren til Android-versioner 5.0 og nyere se sådan ud:
Billedknap
Denne type knap giver dig mulighed for at linke et billede til det for at blive vist til brugeren i stedet for en tekst, som det er normalt, for dette kan vi tage billedet fra /res/drawable-mapperne og indlæse det ved hjælp af android:src-egenskaben, i dette tilfælde vil vi bruge et billede direkte fra Android-ressourcer.
Tekstvisning
Disse svarer til de grundlæggende tekstetiketter, der vises til brugere, disse på andre sprog er kendt som etiketter og tillader visning af en tekst forbundet med android:text-egenskaben, disse etiketter har andre egenskaber, der giver dig mulighed for at manipulere deres størrelse, baggrund farve, farve og skrifttype, stil osv.
redigere tekst
Android EditText-visningen svarer til ASP og C# Textbox eller JAVA JTextField, det er en kontrol, der gør det muligt at fange den tekst, der er skrevet af brugeren under kørsel.
valgboks
Afkrydsningsfeltet bruges til at markere eller fjerne markeringen af muligheder i et program. Måden at definere det i grænsefladen og de egenskaber, der er tilgængelige for dets manipulation med kode, er analoge med dem, der er kommenteret i ToogleButton-kontrollen.
Denne kontrol arver fra TextView-kontrollen, så alle de formateringsmuligheder, der allerede er nævnt for denne kontrol, er også gyldige for afkrydsningsfeltet.
I applikationskoden kan du kontrollere, om denne kontrol er valgt eller ej, gennem metoden isChecked(), der returnerer værdien af RIGTIGT hvis du blev udvalgt eller falsk ellers kan du også bruge metoden setChecked(værdi) til at indstille en specifik tilstand for kontrolelementet, hvor værdi RIGTIGT ville være for udvalgte og falsk ved ikke valgt.
Hændelsen, der normalt er programmeret til denne kontrol, og som udføres hver gang dens tilstand ændres (valgt / ikke valgt), er onCheckedChanged.
Radio knap
Ligesom CheckBox-kontrollen tjener RadioButton til at markere eller fjerne markeringen af en given mulighed, forskellen er i den type valg, du vil foretage. RadioButtons bruges normalt i grupper til at definere et sæt af muligheder, hvorfra du kun kan vælge én, dvs. hver mulighed er gensidigt udelukkende, så når du vælger en mulighed, vil den tidligere valgte mulighed automatisk blive fjernet. Disse grupper er defineret af RadioGroup-elementet, som igen vil indeholde alle de RadioButton-elementer, der repræsenterer mulighederne.
RadioGroups kan indstille egenskaben android:orientation til "Vertical" eller "Horizontal" for at bestemme, hvordan de RadioButtons, den indeholder, vil blive bestilt.
RadioButton skal til gengæld, ud over bredde og højde, definere egenskaben android:text for at tilknytte teksten til den repræsenterede indstilling og android:id for at knytte en kode til kontrollen, så den kan manipuleres fra applikationens logik.
For at manipulere styringen fra applikationslogikken kan der bruges forskellige metoder, blandt hvilke vi finder check(Jeg ville gå) som bruges til at indstille den identificerede radioknap med det id, der sendes som en parameter som valgt, clearCheck()-metoden bruges til at fjerne markeringen af alle radioknapper i gruppen, og getCheckedRadioButtonId()-metoden bruges til at få id'et for radioknap, der er inden for den valgte gruppe eller værdien -1, hvis der ikke er valgt noget element.
Den vigtigste begivenhed i denne kontrol er også onCheckedChanged, som udløses, når et element i gruppen er valgt (husk, at valget af et element i gruppen indikerer fravalg af et andet).
Og det er det, det er nogle af de grundlæggende grafiske komponenter som vi vil bruge gennem hele kurset, i de næste indlæg vil vi fortsætte med andre komponenter eller layouts.
Det kan også interessere dig.
Er der noget, du vil tilføje eller kommentere om dette indlæg? gør gerne....Og hvis du kunne lide det... Jeg inviterer dig til at dele y Tilmeld dig ved at klikke på knappen "Tilmeld dig dette websted" for at høre flere indlæg som dette 😉