Teknologian jakaminen

Android-laskimen käyttöliittymän suunnittelu - TableLayout käytännön toiminnot

2024-07-08

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

tehtävän kohde

Käytä TextView, Button jne. toteuttaaksesi laskimen käyttöliittymän kuvan 1 mukaisesti.

Lisää kuvan kuvaus tähän
Kuva 1 Laskimen käyttöliittymän renderöinnit

tehtäväanalyysi

Koko käyttöliittymä käyttää taulukon asettelua. Ensimmäinen rivi käyttää TextView-säädintä, joka kattaa 4 saraketta, keskimmäinen 4 riviä ja 4 saraketta, ja viimeisen rivin ensimmäinen ohjausobjekti kattaa 2 saraketta.

Tehtävän toteutus

1) Luo uusi projekti, valitse "Empty Views Activity", määritä projektin nimi Calucatoriksi ja paketin nimi cn.edu.jssvc.calucator.
2) Käytä lineaarisen asettelun suunnittelukäyttöliittymää, avaa activity_mail.xml, vaihda koodinäkymään, muuta Coden rajoitteen asettelu (ConstraintLayout) taulukkoasetteluksi (TableLayout), poista siinä olevat säätimet ja aseta attribuutti android:stretchColumns. TableLayout = "0,1,2,3".
3) Vedä Paletti-alueen TableRow komponenttipuuhun ja aseta TableRow-attribuutti android:layout_weight="1" niin, että nämä viisi riviä jakavat tasaisesti koko näytön, kuten kuvassa 2 ja kuva 3 näkyy.
Lisää kuvan kuvaus tähän
Kuva 2 TableRow-asetukset
Lisää kuvan kuvaus tähän
Kuva 3 TableRow-ominaisuuden asetukset
4) Vedä TextView-säädin riville 1 ja aseta sen android:layout_span-attribuutiksi 4, eli 4 saraketta: