Livro 2 - Projeto da Mini-Calculadora

4. Desenhando a tela do aplicativo

4.1. Configurando o layout da tela

A  template  Empty  Activity  do  Android  Studio  cria  um  arquivo  activity_main.xml com o ConstrantLayout. Logo, primeiramente precisamos alterar esse arquivo para usar o  GridLayout e adicionar  duas  novas  propriedades.  O  primeiro  passo  é  similar  ao  realizado  no  projeto  1  para  a configuração  do  LinearLayout  e  a  inclusão  da  duas  novas  propriedades  pode  ser  feita  direto  no arquivo XML ou na janela gráfica.

  • Abra  o  arquivo  activity_main.xml  localizado dentro da pasta res/layout. 
  • Para modificar modificar o ConstantLayout para o GridLayout você deve entrar no modo de edição textual (Code), por padrão o Android Studio vai abrir inicialmente no modo visual (Design). Para alternar entre o modo Design Code clique em um dos botões na barra superior à direita.

  • No modo textual substitua androidx.constraintlayout.widget.ConstraintLayout por GridLayout
  • Volte ao modo Design
  • Apague o elemento TextView ("Hello World") pré-criado
  • Selecione o GridLayout na janela de componentes (Component Tree)

  • Localize e modifique as seguintes propriedades do GridLayout:
    • columnCount – mude o valor para 2
    • useDefaultMargins – mude o valor para true – essa propriedade faz com o layout use as margens definidas pelo Material Design (8dp).

  • No final o arquivo activity_main.xml deve ficar como:
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:columnCount="2"
android:useDefaultMargins="true"
tools:context=".MainActivity" />