Berbagi teknologi

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

sasaran misi

Gunakan TextView, Button, dll. untuk mengimplementasikan antarmuka kalkulator, seperti yang ditunjukkan pada Gambar 1.

Gambar 1 Rendering antarmuka kalkulator

analisis tugas

Seluruh antarmuka menggunakan tata letak tabel. Baris pertama menggunakan kontrol TextView yang mencakup 4 kolom, 4 baris tengah dan 4 kolom, dan kontrol pertama di baris terakhir mencakup 2 kolom.

Implementasi tugas

1) Buat proyek baru, pilih "Aktivitas Tampilan Kosong", tentukan nama proyek sebagai Calucator, dan nama paket sebagai cn.edu.jssvc.calucator.
2) Gunakan antarmuka desain tata letak linier, buka aktivitas_mail.xml, beralih ke tampilan Kode, ubah tata letak batasan (ConstraintLayout) di Kode menjadi tata letak tabel (TableLayout), hapus kontrol di dalamnya, dan atur atribut android:stretchColumns dari Tata Letak Tabel = "0,1,2,3".
3) Tarik TableRow di area Palette ke Component Tree, dan atur atribut TableRow android:layout_weight="1" sehingga kelima baris ini membagi seluruh layar secara merata, seperti yang ditunjukkan pada Gambar 2 dan Gambar 3.

Gambar 2 Pengaturan TableRow

Gambar 3 Pengaturan properti TableRow
4) Tarik kontrol TextView ke baris 1 dan setel atribut android:layout_span ke 4, yaitu rentang 4 kolom:

                                   

                    上一篇
                    下一篇