Visualizações no Android

Todos os elementos que aparecem na tela de um aplicativo Android são visualizações. De elementos individuais, como textos ou botões, a contêineres, como grupos de visualizações. Este tópico é bastante complexo devido à quantidade de detalhes envolvidos, e para explorar as possibilidades disponíveis com mais profundidade, é altamente recomendável ir para o documentação oficial. Neste tutorial iremos analisar os elementos mais usados, incluindo grupos de visualizações e alguns elementos básicos.

Ver Grupos

• Layout Linear
  • Agrupa os elementos em uma única linha, que pode ser vertical ou horizontal.
• Esquema relativo
  • Os elementos são organizados em relação uns aos outros e às margens. É o mais flexível e o mais usado.
• visualização de rolagem
  • Usado para visualizações que não cabem na tela. Ele pode conter apenas uma visualização ou grupo de visualizações e adiciona barras de rolagem automaticamente.
• Layout de tabela
  • Agrupe os itens em linhas e colunas. Ele contém elementos TableRow, que por sua vez contêm os elementos de cada célula.
• Layout de quadro
  • Destina-se a conter uma única visualização. Se mais forem adicionados, todos eles se alinham no canto superior esquerdo, sobrepondo-se.
• Layout absoluto
  • Ele está obsoleto desde a versão 1.5 do Android. Neste contêiner, os elementos são referenciados com coordenadas absolutas a partir do canto superior esquerdo. Ele foi descontinuado porque não se adapta a telas de tamanhos diferentes, que se tornaram populares a partir do Android 1.5.

Para um aplicativo simples, os grupos mais interessantes para ver em detalhes são LinearLayout, RelativeLayout e ScrollView. Por exemplo, podemos fazer um Layout Linear vertical contendo textos e outra horizontal com botões:

[html]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android: layout_width = "match_parent"
android: layout_height = "match_parent"
android: orientação = "vertical">
<TextView
android: id = "@ + id / textView1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Texto 1" />
<TextView
android: id = "@ + id / textView2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Texto 2" />
<TextView
android: id = "@ + id / textView3"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Texto 3" />
<TextView
android: id = "@ + id / textView4"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Texto 4" />
[/ html]

[html]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android: layout_width = "match_parent"
android: layout_height = "match_parent"
android: orientação = "horizontal">
<Botão
android: id = "@ + id / button1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Botão 1" />
<Botão
android: id = "@ + id / button2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Botão 2" />
<Botão
android: id = "@ + id / button3"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Botão 3" />
[/ html]

Uma visualização de rolagem Pode ser composto com muita facilidade, basta embrulhar o contêiner que deverá escrever: