Technologieaustausch

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

Missionsziel

Verwenden Sie TextView, Button usw., um eine Rechnerschnittstelle zu implementieren, wie in Abbildung 1 dargestellt.

Abbildung 1: Darstellung der Rechnerschnittstelle

Aufgabenanalyse

Die gesamte Schnittstelle verwendet ein Tabellenlayout. Die erste Zeile verwendet ein TextView-Steuerelement, das sich über 4 Spalten erstreckt, die mittleren 4 Zeilen und 4 Spalten, und das erste Steuerelement in der letzten Zeile umfasst 2 Spalten.

Aufgabenumsetzung

1) Erstellen Sie ein neues Projekt, wählen Sie „Aktivität „Empty Views““ aus, geben Sie den Projektnamen als „Calucator“ und den Paketnamen als „cn.edu.jssvc.calucator“ an.
2) Verwenden Sie die lineare Layout-Designschnittstelle, öffnen Sieactivity_mail.xml, wechseln Sie zur Codeansicht, ändern Sie das Einschränkungslayout (ConstraintLayout) im Code in das Tabellenlayout (TableLayout), löschen Sie die darin enthaltenen Steuerelemente und legen Sie das Attribut android:stretchColumns fest TableLayout = „0,1,2,3“.
3) Ziehen Sie die TableRow im Palettenbereich in den Komponentenbaum und legen Sie das TableRow-Attribut android:layout_weight="1" fest, sodass diese fünf Zeilen den gesamten Bildschirm gleichmäßig aufteilen, wie in Abbildung 2 und Abbildung 3 dargestellt.

Abbildung 2 TableRow-Einstellungen

Abbildung 3 TableRow-Eigenschaftseinstellungen
4) Ziehen Sie das TextView-Steuerelement in Zeile 1 und setzen Sie sein Attribut android:layout_span auf 4, d. h. über 4 Spalten:

                                   

                    上一篇
                    下一篇