De grafiske komponentene tilsvarer elementene som lar brukeren samhandle med systemet, når vi snakker om GUI refererer vi til de grafiske brukergrensesnittene, derfor er disse grensesnittene bygget gjennom grafiske elementer som knapper, menyer, ikoner, tekstfelt, etiketter osv. tekst blant annet, en GUI kombinerer det visuelle designet og hendelsene knyttet til det designet, så hvis vi legger til en knapp, må vi programmere hendelsen knyttet til den knappen når den trykkes av en bruker.
Som nevnt, la oss fokusere på de grafiske komponentene som brukes fra XML-filer, la oss se noen av egenskapene nevnt ovenfor.
Grunnleggende egenskaper.
La oss se noen grunnleggende egenskaper som brukes i grafiske komponenter, disse kan brukes på hvilken som helst komponent uansett type, fordi som nevnt er alle komponentene Views slik at de deler de samme egenskapene, noen av de mest brukte er:
android: id.
Veldig viktig egenskap fordi den tillater å definere en identifikator for kontrollen, denne egenskapen tildeles en hvilken som helst visning, for eksempel hvis den er tilordnet til et datainntastingsfelt, vil dette bli brukt til å fange opp brukerinformasjon, så vi må bruke et differensierende navn. er klart.
Den riktige måten å generere en identifikator på er som følger:
android:id="@+id/miTextField"
Symbolet @+id/ betyr at en ny identifikator blir generert, vil dette gjøre klassen R. fra prosjektets gen-pakke, lag en referanse til dette objektet slik at det senere kan manipuleres med kode.
I eksemplet er identifikatoren "myTextField" for komponenten.
android:layout_width.
Definerer bredden knyttet til visningen, det er en obligatorisk egenskap og verdien kan defineres i absolutte verdier eller ved å angi en av følgende to verdier:
-
wrap_content (Det opptar plassen i henhold til innholdet)
-
match_parent (opptar all tilgjengelig plass)
Eksempel:
android:layout_width="match_parent"noenandroid:layout_width="290dp"
android:layout_height.
Definerer høyden knyttet til visningen, det er en obligatorisk egenskap og verdien kan defineres i absolutte verdier eller indikerer en av de to følgende verdiene:
-
wrap_content (Det opptar plassen i henhold til innholdet)
-
match_parent (opptar all tilgjengelig plass)
Eksempel:
android:layout_height="wrap_content"noenandroid:layout_height="58dp"
android:layout_margin.
Definerer en margin for komponenten, som tillater å etablere et mellomrom over, under og på sidene, som varianter i tilfelle du ønsker å gi uavhengige mellomrom, kan det gjøres ved å bruke egenskapene 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: tips.
Denne egenskapen lar tekst vises i kontrollen som en hjelp mens brukeren ennå ikke har lagt inn informasjon. (Foretrekker fremfor tekstegenskapen)
Eksempel: android:hint="Skriv inn navnet"
android:inputType.
Den bestemmer hvilken type inndata som skal tillates for tekstboksen, dette gir mulighet for en slags datavalidering og forteller også operativsystemet hvilken type (virtuelt) tastatur som skal brukes.
Blant alternativene som vi kan knytte til denne eiendommen er noen som:
- Tekst
- Antall
- tekstur
- tekst passord
- telefon
- møte
- TekstE-postadresse
Det er mange andre alternativer som kan brukes avhengig av behovet.
Eksempel: android:inputType="nummer" | android:inputType="textEmailAddress"
android:tekststørrelse.
Definerer en størrelse for teksten som skal vises på skjermen, måleenheter må tas i betraktning der sp brukes for tekster
Eksempel: android:textSize="25sp"
android:styletext.
Definerer en stil for teksten, og kan definere teksten som normal, fet, kursiv (eller begge deler).
Eksempel: android:textStyle="bold" | android:textStyle="kursiv" | android:textStyle="bold|kursiv"
android:textColor.
Definerer en farge for teksten, og kan legge til en farge fra egenskapsfilen "farger" eller en heksadesimal verdi
Eksempel: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Definerer en bakgrunnsfarge for komponenten, du kan også få fargen fra "farger"-egenskapene eller en heksadesimal verdi
Eksempel: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android:tekst.
Definerer tekstinnholdet knyttet til visningen. Selv om verdien kan tildeles direkte, anbefales det sterkt å bruke strengfilen som er tilgjengelig i ressursmappen.
Eksempel: android:text="Bienvenidos" | android:text="@streng/tittel"
Denne egenskapen er vanlig i visninger som viser tekst i enhetens grensesnitt. Følgende skjermbilde viser ressursfilen strings.xml hvor forskjellige verdier for tekstene er lagt til
og senere åpnes disse verdiene fra visningene
Etter å ha fjernet de forrige egenskapene, la oss se hva de grunnleggende grafiske komponentene er.
Knapp.
Disse tilsvarer de grunnleggende knappene vi kjenner, den viser bare en knapp med intern tekst og en definert marg.
Knappen vil oppfylle den grunnleggende funksjonen å vente på en hendelse når den trykkes.
veksleknapp
ToggleButton-typen tilsvarer en type knapp som kan holdes i 2 mulige tilstander, trykket eller ikke trykket, for dette er ikke bare en enkelt tekstegenskap definert, men 2 avhengig av tilstanden den har for øyeblikket, ved å bruke egenskapene til android: textOn og android:textOff.
Som tradisjonelle knapper kan ToggleButton programmeres til å svare på klikkhendelsen, men du trenger sannsynligvis bare å vite hvilken tilstand den er i. Dette kan gjøres ved å konsultere isChecked()-metoden, som returnerer verdien true i tilfelle den trykkes og usann ellers.
pendle
Denne kontrollen kan simulere en bryter som ligner veldig på hvordan ToggleButton fungerer, men med et annet visuelt utseende.
Husk at avhengig av Android-versjonen vi bruker, kan det visuelle utseendet til komponentene våre endres, i dette tilfellet vil Switch-kontrolleren for Android versjoner 5.0 og høyere se slik ut:
Bildeknapp
Denne typen knapp lar deg koble et bilde til det for å vises til brukeren i stedet for en tekst som vanlig, for dette kan vi ta bildet fra /res/drawable-mappene og laste det ved å bruke android:src-egenskapen, i dette tilfellet vil vi bruke et bilde direkte fra Android-ressurser.
Tekstvisning
Disse tilsvarer de grunnleggende tekstetikettene som vises til brukere, disse på andre språk er kjent som etiketter og tillater visning av en tekst knyttet til android:text-egenskapen, disse etikettene har andre egenskaper som lar deg manipulere størrelsen, bakgrunnen deres farge, farge og skrifttype, stil osv.
redigere tekst
Android EditText-visningen tilsvarer ASP og C# Textbox eller JAVA JTextField, det er en kontroll som gjør det mulig å fange teksten som er skrevet av brukeren under kjøring.
valgboks
Kontrollboksen brukes til å merke av eller fjerne merket for alternativer i et program. Måten å definere det i grensesnittet og egenskapene som er tilgjengelige for manipulering med kode er analoge med de som er kommentert i ToogleButton-kontrollen.
Denne kontrollen arver fra TextView-kontrollen, så alle formateringsalternativene som allerede er nevnt for denne kontrollen er også gyldige for avmerkingsboksen.
I applikasjonskoden kan du sjekke om denne kontrollen er valgt eller ikke gjennom metoden isChecked() som returnerer verdien til EKTE hvis du ble valgt eller falsk ellers kan du også bruke setChecked(value)-metoden for å angi en spesifikk tilstand for kontrollen, hvor verdi EKTE ville være for utvalgte og falsk ved ikke valgt.
Hendelsen som normalt er programmert for denne kontrollen og som utføres hver gang dens tilstand endres (valgt / ikke valgt) er onCheckedChanged.
radioknapp
I likhet med CheckBox-kontrollen tjener RadioButton til å merke av eller fjerne merket for et gitt alternativ, forskjellen er i hvilken type valg du vil gjøre. RadioButtons brukes vanligvis i grupper for å definere et sett med alternativer som du bare kan velge ett fra, dvs. at hvert alternativ utelukker hverandre, så når du velger et alternativ vil det som tidligere ble valgt automatisk bli fjernet. Disse gruppene er definert av RadioGroup-elementet, som igjen vil inneholde alle RadioButton-elementene som representerer alternativene.
RadioGroups kan sette android:orientation-egenskapen til "Vertical" eller "Horizontal" for å bestemme hvordan RadioButtons den inneholder vil bli bestilt.
RadioButton må på sin side, i tillegg til bredde og høyde, definere egenskapen android:text for å knytte teksten til det representerte alternativet og android:id for å knytte en kode til kontrollen slik at den kan manipuleres fra applikasjonens logikk.
For å manipulere kontrollen fra applikasjonslogikken kan forskjellige metoder brukes, blant annet finner vi sjekk(Jeg ville gå) som brukes til å sette den identifiserte radioknappen med ID-en som sendes som en parameter som valgt, clearCheck()-metoden brukes til å fjerne merket for alle radioknappene i gruppen og getCheckedRadioButtonId()-metoden brukes til å få IDen til radioknapp som er innenfor den valgte gruppen eller verdien -1 hvis ingen element er valgt.
Den viktigste hendelsen i denne kontrollen er også onCheckedChanged, som utløses når et element i gruppen velges (husk at valget av et element i gruppen indikerer at et annet element er fjernet).
Og det er det, dette er noen av de grunnleggende grafiske komponentene som vi skal bruke gjennom hele kurset, i de neste innleggene vil vi fortsette med andre komponenter eller oppsett.
Det kan også interessere deg.
Er det noe du vil legge til eller kommentere om denne oppføringen? gjør gjerne....Og hvis du likte det... Jeg inviterer deg til å dele Y Abonner ved å klikke på "Bli med på denne siden"-knappen for å høre flere innlegg som dette 😉