Androidin peruskomponentit.

Graafiset komponentit vastaavat elementtejä, jotka mahdollistavat käyttäjän vuorovaikutuksen järjestelmän kanssa, kun puhumme graafisesta käyttöliittymästä, tarkoitamme graafisia käyttöliittymiä, joten nämä käyttöliittymät rakennetaan graafisten elementtien, kuten painikkeiden, valikoiden, kuvakkeiden, tekstikenttien, tarrojen jne. kautta. tekstiä, graafinen käyttöliittymä yhdistää visuaalisen suunnittelun ja siihen liittyvät tapahtumat, joten jos lisäämme painikkeen, meidän on ohjelmoitava siihen liittyvä tapahtuma, kun käyttäjä painaa sitä.

Kuten mainittiin, keskitymme graafisiin komponentteihin, joita käytetään XML-tiedostoista, katsotaanpa joitain yllä mainittuja ominaisuuksia.

Perusominaisuudet.

Katsotaanpa joitain graafisissa komponenteissa käytettyjä perusominaisuuksia, joita voidaan soveltaa mihin tahansa komponenttiin sen tyypistä riippumatta, kuten mainittiin, kaikki komponentit ovat näkymiä, joten niillä on samat ominaisuudet, joitain eniten käytetyistä ovat:

Android: id.

Erittäin tärkeä ominaisuus, koska sen avulla voit määrittää tunnisteen ohjausobjektille, tämä ominaisuus on määritetty mille tahansa näkymille, esimerkiksi jos se on määritetty tiedonsyöttökenttään, sitä käytetään käyttäjätietojen kaappaamiseen, joten meidän on käytettävä erottava nimi on selvä.

Oikea tapa luoda tunniste on seuraava:

android:id="@+id/miCampoDeTexto"

Symboli @+id/ tarkoittaa, että uutta tunnistetta luodaan, tämä aiheuttaa luokan A. luo projektin gen-paketista viittaus tähän objektiin, jotta sitä voidaan myöhemmin käsitellä koodilla.

Esimerkissä tunniste "myTextField” komponentille.

android:layout_width.

Se määrittää näkymään liittyvän leveyden, se on pakollinen ominaisuus ja sen arvo voidaan määrittää absoluuttisina arvoina tai ilmoittamalla jompikumpi seuraavista arvoista:

• kääri sisältö (Vietää tilaa sisällön mukaan)

• match_parent (Vietää kaiken käytettävissä olevan tilan)

  Esimerkki: android:layout_width="match_parent" minkä tahansa android:layout_width="290dp"

android:layout_height.
Määrittää näkymään liittyvän korkeuden, se on pakollinen ominaisuus ja sen arvo voidaan määrittää absoluuttisina arvoina tai ilmoittamalla jompikumpi seuraavista arvoista:

• kääri sisältö (Vietää tilaa sisällön mukaan)

• match_parent (Vietää kaiken käytettävissä olevan tilan)

  Esimerkki: android:layout_height="wrap_content" minkä tahansa android:layout_height="58dp"

android:layout_margin.

Määrittää komponentille marginaalin, jonka avulla voit luoda välilyönnin sen ylä-, ala- ja sivuille vaihtoehtoina, jos haluat tarjota itsenäisiä välilyöntejä. Tämä voidaan tehdä käyttämällä marginaalivasen-, marginaalioikea-, marginaaliylä- tai marginaaliala (tai kaikkia) ominaisuuksia.

Esimerkki: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"

android: vinkki.

Tämä ominaisuus sallii tekstin näyttämisen ohjausobjektissa apuvälineenä, kun käyttäjä ei ole vielä syöttänyt tietoja. (Suositeltava kuin tekstiominaisuus)

Esimerkki: android:hint="Anna nimi"

android:inputType.

Se määrittää tekstiruudulle sallitun syöttötavan, mahdollistaa tietojen jonkinlaisen validoinnin ja myös kertoo käyttöjärjestelmälle, minkä tyyppistä (virtuaalista) näppäimistöä tulisi käyttää.

Vaihtoehtojen joukossa, jotka voimme yhdistää tähän omaisuuteen, ovat esimerkiksi seuraavat:

• Teksti
• määrä
• rakenne
• Tekstiviesti salasana
• puhelin
• tapaaminen
• TextEmailAddress

On monia muita vaihtoehtoja, joita voidaan käyttää tarpeen mukaan.

Esimerkki: android:inputType="numero" | android:inputType="textEmailAddress"

android:textSize.

Määrittää ruudulla näytettävän tekstin koon, mittayksiköt on otettava huomioon kun tekstissä käytetään sp:tä

Esimerkki: android:textSize="25sp"

android:styletext.

Määrittää tekstin tyylin ja voi määrittää tekstin normaaliksi, lihavoiduksi, kursivoituksi (tai molemmiksi).

Esimerkki: android:textStyle="bold" | android:textStyle="kursiivi" | android:textStyle="bold|kursivointi"

android:textColor.

Määrittää tekstin värin ja voi lisätä värin "värit"-ominaisuustiedostosta tai heksadesimaaliarvon

Esimerkki: android:textColor="@color/teal_700" | android:textColor="#9C27B0"

android:backgroundTint.

Määrittää komponentin taustavärin, voit myös saada värin "värit" ominaisuuksista tai heksadesimaaliarvosta

Esimerkki: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"

android:teksti.

Määrittää näkymään liittyvän tekstisisällön. Vaikka sen arvo voidaan määrittää suoraan, on erittäin suositeltavaa käyttää resurssikansiossa olevaa merkkijonotiedostoa.

Esimerkki: android:text="Bienvenidos" | android:text="@string/title"

Tämä ominaisuus on yleinen näkymissä, jotka näyttävät tekstiä laitteen käyttöliittymässä. Seuraavassa näytössä näkyy strings.xml-resurssitiedosto, johon on lisätty erilaisia tekstiarvoja

ja myöhemmin näihin arvoihin päästään näkymistä

Kun edelliset ominaisuudet on tyhjennetty, katsotaan mitä graafiset peruskomponentit ovat

Painike.

Nämä vastaavat tuntemiamme peruspainikkeita, ne esittävät vain painikkeen, jossa on sisäinen teksti ja määritelty marginaali.

Painike täyttäisi perustoiminnon odottaa tapahtumaa, kun sitä painetaan.

Vaihtopainike

ToggleButton-tyyppi vastaa painikkeen tyyppiä, joka voidaan pitää kahdessa mahdollisessa tilassa, painettuna tai ei painettuna. Tätä varten ei ole määritetty vain yksi tekstiominaisuus, vaan 2 riippuen sen nykyisestä tilasta, käyttämällä Androidin ominaisuuksia. : textOn ja android:textOff.

Aivan kuten perinteiset painikkeet, ToggleButton voidaan ohjelmoida vastaamaan napsautustapahtumaan, mutta sinun täytyy luultavasti vain tietää, missä tilassa se on. Tämä voidaan tehdä viittaamalla isChecked()-menetelmään, joka palauttaa arvon tosi, jos sitä painetaan, ja false muuten.

lieventää

Tämä ohjaus voi simuloida kytkintä, joka on hyvin samanlainen kuin ToggleButton, mutta jolla on erilainen visuaalinen ulkoasu.

Muista, että käyttämämme Android-version mukaan komponenttiemme visuaalinen ulkoasu voi muuttua, jolloin Switch-ohjain Android-versiolle 5.0 ja uudemmalle näyttää tältä:

ImageButton

Tämän tyyppisellä painikkeella voit linkittää siihen kuvan, joka näytetään käyttäjälle tavallisen tekstin sijaan. Tätä varten voimme ottaa kuvan /res/drawable-kansioista ja ladata sen android:src-ominaisuuden avulla. tässä tapauksessa käytämme kuvaa suoraan Android-resursseista.

TextView

Nämä vastaavat käyttäjille näytettäviä perustekstitunnisteita, muilla kielillä niitä kutsutaan tarroiksi ja niiden avulla voit näyttää tekstiä, joka liittyy android:text-ominaisuuteen. Näillä tarroilla on muita ominaisuuksia, joiden avulla voit muokata niiden kokoa, taustaväri, väri ja fonttityyppi, tyyli jne.

Muokkaa tekstiä

Android EditText-näkymä vastaa ASP:tä ja C# Textboxia tai JAVA JTextFieldia, se on säädin, joka mahdollistaa käyttäjän ajon aikana syöttämän tekstin kaappaamisen.

valintalaatikko

Valintaruutua käytetään valitsemaan tai poistamaan valintoja sovelluksessa. Tapa määritellä se käyttöliittymässä ja sen koodin muokkaamiseen käytettävissä olevat ominaisuudet ovat analogisia ToogleButton-ohjauksessa kommentoitujen kanssa.

Tämä ohjausobjekti perii TextView-ohjausobjektin, joten kaikki tälle ohjausobjektille jo mainitut muotoiluvaihtoehdot ovat voimassa myös valintaruudussa.

Sovelluskoodissa voit tarkistaa, onko tämä ohjausobjekti valittu vai ei, isChecked()-metodilla, joka palauttaa TOTTA jos sinut valittiin tai väärä muuten voit myös käyttää setChecked(value)-metodia asettaaksesi ohjausobjektille tietyn tilan, jossa arvo TOTTA olisi valituille ja väärä ei valittu.

Tapahtuma, joka on normaalisti ohjelmoitu tälle ohjaukselle ja joka suoritetaan joka kerta, kun sen tila muuttuu (valittu/ei valittu), on onCheckedChanged.

radiopainike

Kuten CheckBox-säätimellä, RadioButtonia käytetään tietyn vaihtoehdon valitsemiseen tai poistamiseen, ero on valinnan tyypissä, jonka haluat tehdä. Radiopainikkeita käytetään yleensä ryhmissä määrittämään joukko vaihtoehtoja, joista voit valita vain yhden, eli jokainen vaihtoehto on toisensa poissulkeva, joten valittaessa aiemmin valittu vaihtoehto poistetaan automaattisesti. Nämä ryhmät määritellään RadioGroup-elementillä, joka puolestaan ​​sisältää kaikki RadioButton-elementit, jotka edustavat vaihtoehtoja.

RadioGroups voi asettaa android:orientation-ominaisuuden arvoksi "pysty" tai "vaakasuora" määrittääkseen, kuinka sen sisältämät RadioButtons-painikkeet järjestetään.

RadioButtonin on puolestaan määritettävä leveyden ja korkeuden lisäksi android:text-ominaisuus, joka liittää esitetyn vaihtoehdon tekstin, ja android:id liittääkseen koodin ohjaukseen, jotta sitä voidaan käsitellä sovelluksesta. logiikka.

Ohjauksen manipuloimiseksi sovelluslogiikasta voidaan käyttää erilaisia menetelmiä, joista löytyy check(menisin), jota käytetään määrittämään valintanappi, joka on tunnistettu tunnuksella, joka välitetään parametrina valittuna, clearCheck()-menetelmää käytetään kaikkien ryhmän valintanappien valinnan poistamiseen ja menetelmää getCheckedRadioButtonId() käytetään radiopainikkeen tunnuksen saamiseksi. joka on valitun ryhmän sisällä tai arvo -1, jos yhtään kohdetta ei ole valittu.

Tämän ohjauksen tärkein tapahtuma on myös onCheckedChanged, joka laukeaa, kun ryhmän elementti valitaan (muista, että yhden elementin valitseminen ryhmästä tarkoittaa toisen elementin valinnan poistamista).

Ja siinä kaikki, nämä ovat joitain graafisia peruskomponentteja, joita käytämme koko kurssin ajan, seuraavissa postauksissa jatkamme muiden komponenttien tai asettelujen kanssa.

Se voi myös kiinnostaa sinua.

Onko jotain, mitä haluat lisätä tai kommentoida tähän merkintään? rohkeasti tehdä….Ja jos pidit siitä... Kutsun sinut jakamaan y Tilaa klikkaamalla "Liity tälle sivustolle" -painiketta kuullaksesi lisää tämän kaltaisia viestejä 😉