Compartilhamento de tecnologia

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

alvo da missão

Use TextView, Button, etc. para implementar uma interface de calculadora, conforme mostrado na Figura 1.

Figura 1 Renderizações da interface da calculadora

análise de tarefas

Toda a interface usa um layout de tabela. A primeira linha usa um controle TextView abrangendo 4 colunas, as 4 linhas e 4 colunas do meio, e o primeiro controle na última linha abrange 2 colunas.

Implementação de tarefas

1) Crie um novo projeto, selecione "Empty Views Activity", especifique o nome do projeto como Calucator e o nome do pacote como cn.edu.jssvc.calucator.
2) Use a interface de design de layout linear, abra atividade_mail.xml, alterne para a visualização de código, altere o layout de restrição (ConstraintLayout) em Código para layout de tabela (TableLayout), exclua os controles nele e defina o atributo android:stretchColumns do TableLayout = "0,1,2,3".
3) Arraste TableRow na área Palette para a Component Tree e defina o atributo TableRow android:layout_weight="1" para que essas cinco linhas dividam igualmente a tela inteira, conforme mostrado na Figura 2 e Figura 3.

Figura 2 Configurações de TableRow

Figura 3 Configurações da propriedade TableRow
4) Arraste o controle TextView para a linha 1 e defina seu atributo android:layout_span como 4, ou seja, abrange 4 colunas:

                                   

                    上一篇
                    下一篇