Vaated Androidis

põhijuhend-programmeerimine-android-4

Kõik Android-rakenduse ekraanil kuvatud elemendid on vaated. Alates üksikutest elementidest, nagu tekstid või nupud, konteinerite, näiteks vaadete rühmadeni. See teema on kaasatud detailide hulga tõttu üsna keeruline ja olemasolevate võimaluste põhjalikumaks uurimiseks on väga soovitatav minna ametlik dokumentatsioon. Selles õpetuses analüüsime enimkasutatavaid elemente, sealhulgas vaadete rühmi ja mõningaid põhielemente.

Kuva rühmad

  • Lineaarne paigutus
    • Rühmitab elemendid ühte ritta, mis võib olla vertikaalne või horisontaalne.
  • Suhteline paigutus
    • Elemendid on paigutatud üksteise ja veeriste suhtes. See on kõige paindlikum ja kõige sagedamini kasutatav.
  • Kerimisvaade
    • Seda kasutatakse vaadete jaoks, mis ekraanile ei mahu. See võib sisaldada ainult ühte vaadet või vaadete rühma ning lisab automaatselt kerimisribad.
  • Tabeli paigutus
    • Grupeerige üksused ridadesse ja veergudesse. See sisaldab TableRow elemente, mis omakorda sisaldavad iga lahtri elemente.
  • FrameLayout
    • See peab sisaldama ühte vaadet. Kui lisatakse rohkem, asuvad nad kõik vasakus ülanurgas üksteisega kattuvad.
  • Absoluutne paigutus
    • See on alates Androidi versioonist 1.5 aegunud. Selles konteineris viidatakse elementidele absoluutkoordinaatidega, mis algavad vasakust ülanurgast. See on aegunud, kuna see ei kohane erineva suurusega ekraanidega, mis said populaarseks just Android 1.5-st alates.

Lihtsa rakenduse jaoks on kõige huvitavamad rühmad, mida üksikasjalikult näha, on LinearLayout, RelativeLayout ja ScrollView. Näiteks võime teha a Lineaarne paigutus vertikaalne sisaldab tekste ja teine ​​horisontaalne nuppudega:

[html]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android: layout_width = "match_parent"
android: layout_height = "match_parent"
android: orientatsioon = "vertikaalne">
<Tekstivaade
android: id = "@ + id / textView1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Tekst 1" />
<Tekstivaade
android: id = "@ + id / textView2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Tekst 2" />
<Tekstivaade
android: id = "@ + id / textView3"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Tekst 3" />
<Tekstivaade
android: id = "@ + id / textView4"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Tekst 4" />
[/ html]

vaated-android-1-s

[html]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android: layout_width = "match_parent"
android: layout_height = "match_parent"
android: orientatsioon = "horisontaalne">
<Nupp
android: id = "@ + id / button1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Nupp 1" />
<Nupp
android: id = "@ + id / button2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Nupp 2" />
<Nupp
android: id = "@ + id / button3"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Nupp 3" />
[/ html]

vaated-android-2-s

A. Kerimisvaade selle saab koostada väga lihtsalt, peate lihtsalt pakkima konteineri, mille peate kirjutama:

[html]
android: layout_width = "fill_parent"
android: layout_height = "fill_parent"
xmlns: android = "http://schemas.android.com/apk/res/android"
<…>
[/ html]

Lõpuks on RelativeLayout kõige mitmekülgsem ja võimsam konteiner, kuid ka kõige keerulisem käsitseda. Me ei puuduta siin kõiki võimalusi, sest neid on liiga palju. Üksikasjalikuma teabe saamiseks läheme ametlik dokumentatsioon. Lihtne näide oleks järgmine: kaks samal horisontaalil asuvat nuppu, üks neist sisalduva teksti suurusega ja teine ​​laieneb ülejäänud rea hõivamiseks:
[html]
<Suhteline paigutus
xmlns: android = "http://schemas.android.com/apk/res/android"
android: layout_width = "match_parent"
android: layout_height = "match_parent">
<Nupp
android: id = "@ + id / button1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: layout_alignParentLeft = "true"
android: layout_alignParentTop = "true"
android: text = "Nupp 1" />
<Nupp
android: id = "@ + id / button2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: layout_alignParentRight = "true"
android: layout_alignParentTop = "true"
android: layout_toRightOf = "@ + id / button1"
android: text = "Nupp 2" />

[/ html]

vaated-android-3-s

Selles näites joondatakse esimene nupp konteineri vasaku ja ülemise servaga ning nupp 2 joondub nupu 1 ülemise, parema ja parema servaga.

Vistas

  • Tekstivaade
    • Kuvab fikseeritud teksti.
  • Redigeeri teksti
    • Sisaldab redigeeritavat teksti.
  • Nupp
    • Lihtne nupp.
  • ImageButton
    • See nupp võimaldab teil teksti asemel pilti kuvada
  • Lülitusnupp
    • Nupp, mis suudab säilitada vajutatud olekut, kuni seda uuesti vajutatakse.
  • Checkbox
    • ToggleButtoniga sarnane nupp, mis töötab märkeruutuna.

Oleme varem näinud, kuidas TextView töötab, kuna see peab sisaldama ainult teksti. Aastal ametlik dokumentatsioon leiame täpsemaid valikuid, näiteks fondi, teksti suuruse, värvi ja palju muud.

Nupud pakuvad rohkem huvi, kuna kuidagi peame nendega mingi tegevuse seostama. Vaatame kahte võimalust. Ühes seome me tegevuse otse oma tegevuse koodiga:

[html]
Nupu nupp = (nupp) findViewById (R.id.nupp1);
button.setOnClickListener (uus View.OnClickListener () {
avalik void onClick (vaade v) {
DisplayToast ("Vajutasite nuppu");
}
});
[/ html]

Siin on võtmeks ID, mille oleme XML-failis elemendile andnud, vajame seda koodi leidmiseks. Sellega saame seostada vajaliku tegevuse. Teine võimalus oleks lisada element "android: onClick =" btnClicked "nuppu XML ja lisada meetod koos näidatud nimega otse tegevuskoodi:

[html]
avalik void onClick (vaade v) {
DisplayToast ("Vajutasite nuppu");
}
[/ html]

CheckBoxi või ToggleButtoni puhul saame teha midagi sarnast esimese meetodiga. Saame viite findViewById kaudu ja rakendame järgmist fragmenti:

[html]
button.setOnCheckedChangeListener (uus OnCheckedChangeListener () {
@Override public void onCheckedChanged (CompoundButton buttonView, boolean isChecked) {
if (isChecked) DisplayToast ("Olete nupu aktiveerinud");
else DisplayToast ("Olete nupu keelanud");
}
});
[/ html]


Teid huvitavad:
Viiruste eemaldamine Androidis
Jälgige meid Google Newsis

Jäta oma kommentaar

Sinu e-postiaadressi ei avaldata. Kohustuslikud väljad on tähistatud *

*

*

  1. Andmete eest vastutab: ajaveeb Actualidad
  2. Andmete eesmärk: Rämpsposti kontrollimine, kommentaaride haldamine.
  3. Seadustamine: teie nõusolek
  4. Andmete edastamine: andmeid ei edastata kolmandatele isikutele, välja arvatud juriidilise kohustuse alusel.
  5. Andmete salvestamine: andmebaas, mida haldab Occentus Networks (EL)
  6. Õigused: igal ajal saate oma teavet piirata, taastada ja kustutada.

  1.   chiva DIJO

    Tere emased, mu nimi on kits
    Ma tahan Ivaniga keppida

  2.   Kuuba tüüp DIJO

    Milline kena naabruskond, kena naabruskond pole nigga naabruskond sentigi väärt, kuid see on porine

  3.   LOUSE DIJO

    Ma tahan chuy'ga kuradit teha

  4.   HAIDE DIJO

    Kuidas APK installida? Kiireloomuline !!

    1.    Francisco Ruiz DIJO

      Võtate APK-faili ja kopeerite selle terminali sdcardile või sisemällu, kuhu otsustate installida. Seejärel sisestage iga failiuurijaga tee, kuhu olete selle kleepinud, ja sellel klõpsamine käivitub automaatselt. Kui see tagastab väikese akna nupuga, mis paneb seaded, peate tundmatutest allikatest pärit rakenduste installimiseks õiguste aktiveerimiseks sellel klõpsama.

  5.   ludovico DIJO

    Härra. Mida tähendab Androidi sümboloogia?
    L

  6.   TUGFA DIJO

    SINU GFA-l ON 20-meetrine PITOT ja CHIVA sööb selle ära

  7.   Damian DIJO

    see osa, mis ütleb
    avalik void onClick (vaade v) {
    DisplayToast ("Vajutasite nuppu");
    }
    peaks olema
    public void btnClicked (Kuva v) {
    DisplayToast ("Vajutasite nuppu");
    }