Обмен технологиями

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

цель миссии

Используйте TextView, Button и т. д. для реализации интерфейса калькулятора, как показано на рисунке 1.

Рисунок 1. Визуализация интерфейса калькулятора.

анализ задачи

Весь интерфейс использует табличный макет. В первой строке используется элемент управления TextView, охватывающий 4 столбца, средние 4 строки и 4 столбца, а первый элемент управления в последней строке занимает 2 столбца.

Реализация задачи

1) Создайте новый проект, выберите «Действие пустых представлений», укажите имя проекта Calucator и имя пакета cn.edu.jssvc.calucator.
2) Используйте интерфейс проектирования линейного макета, откройте файл Activity_mail.xml, переключитесь в представление «Код», измените макет ограничений (ConstraintLayout) в «Коде» на макет таблицы (TableLayout), удалите в нем элементы управления и установите атрибут android:stretchColumns файла ТаблицеЛайаут = "0,1,2,3".
3) Перетащите строку TableRow из области палитры в дерево компонентов и установите атрибут TableRow android:layout_weight="1" так, чтобы эти пять строк поровну делили весь экран, как показано на рисунках 2 и 3.

Рис. 2. Настройки TableRow

Рис. 3. Настройки свойства TableRow
4) Перетащите элемент управления TextView в строку 1 и установите для его атрибута android:layout_span значение 4, то есть охватить 4 столбца:

                                   

                    上一篇
                    下一篇