Views, Widgets e Layouts

Prévia do material em texto

RESUMO PARA ESTUDO: Views, Widgets e Gerenciadores de Layout
O texto aborda os pilares da construção de interfaces gráficas, focando em como os elementos de tela são definidos, organizados e exibidos ao usuário.
1. Views (Elementos Visuais)
· Definição: Uma View é a classe fundamental para a construção da interface do usuário. Representa um bloco básico de construção para componentes de tela interativos.
· Função: É um objeto que ocupa um espaço retangular na tela e é responsável por desenhar e lidar com eventos (cliques, toques).
· Exemplos: Um botão (Button), uma caixa de texto (TextView) e uma imagem (ImageView) são tipos de View.
2. Widgets (Componentes de UI)
· Definição: Widgets são Views especializadas e prontas para uso, que permitem a interação com o usuário ou a exibição de dados de maneira específica.
· Hierarquia: São subclasses da classe View.
· Principais Exemplos para Estudo:
· Entrada de Dados: EditText (caixa para digitar texto).
· Ações: Button (botão de clique).
· Exibição: TextView (exibir texto estático), ImageView (exibir imagens).
· Seleção: CheckBox (caixa de seleção), RadioButton (botão de opção), Spinner (lista suspensa).
3. Gerenciadores de Layout (ViewGroups)
· Definição: Os gerenciadores de Layout, ou ViewGroups, são Views que contêm e organizam outras Views (Widgets ou outros ViewGroups). Eles definem a estrutura da interface do usuário.
· Função Principal: Determinam a posição e o tamanho dos elementos contidos, garantindo que a UI se adapte a diferentes tamanhos de tela (responsividade).
· Principais Gerenciadores de Layout (Android):
· LinearLayout: Organiza os elementos em uma única linha ou coluna (vertical ou horizontal).
· Propriedade-chave: android:orientation.
· RelativeLayout: Posiciona os elementos com base em relacionamentos entre eles (ex: "botão A está abaixo do botão B" ou "centralizado no pai").
· ConstraintLayout: (Moderno e mais recomendado) Posiciona os elementos usando restrições (constraints) flexíveis em relação a outros elementos ou ao layout pai. Permite criar UIs complexas e planas (sem ViewGroups aninhados), melhorando o desempenho.
· FrameLayout: Usado para exibir um único item ou elementos sobrepostos (um em cima do outro).
4. Definição do Layout
· Formato de Arquivo: Em Android, a estrutura da interface é definida principalmente em arquivos XML (e não em código Java/Kotlin).
· Modelo de Caixa: As Views são definidas usando um modelo de caixa, onde cada elemento possui atributos de tamanho (layout_width e layout_height) e posicionamento.
· Atributos de Tamanho (Width/Height):
· match_parent: Ocupa toda a dimensão disponível do elemento pai.
· wrap_content: Ocupa apenas o espaço necessário para o conteúdo.
· Medidas:
· dp (Density-Independent Pixels): Unidade de medida recomendada para tamanhos e margens, garantindo que o elemento tenha o mesmo tamanho visual em telas de diferentes densidades de pixel.
· sp (Scale-Independent Pixels): Unidade de medida recomendada especificamente para o tamanho do texto, pois respeita as preferências de acessibilidade do usuário.
💡 PONTOS-CHAVE PARA REVISÃO
1. Views vs. ViewGroups: View é o componente individual; ViewGroup é o contêiner que organiza as Views.
2. XML: A linguagem padrão para descrever layouts de interface.
3. Responsividade: O uso correto de LinearLayout, ConstraintLayout e as unidades dp e sp é crucial para criar interfaces que funcionem bem em qualquer dispositivo.
Este material parece ser sobre o desenvolvimento de interfaces gráficas em plataformas como Android, focado nos conceitos de Views, Widgets e Gerenciadores de Layout.
Um Quadro Canvas (ou Canvas Model) é geralmente usado para estruturar modelos de negócios ou projetos de forma concisa. Adaptando o conceito para estruturar as informações-chave do texto-base, podemos focar nos elementos, suas funções e relações.
🎨 CANVAS de Views, Widgets e Gerenciadores de Layout
Aqui está uma adaptação do conceito de Canvas para organizar as informações essenciais sobre o tema:
	Bloco do Canvas
	Conteúdo Principal
	Descrição e Exemplos
	Componentes Chave
	Views
	A classe mãe de todos os elementos visuais. Implementa o método onDraw(Canvas) para desenhar na tela. É a base para a construção da UI.
	Tipos de Componentes
	Widgets
	Elementos de interface simples que herdam diretamente de View.
	Exemplos de Widgets
	
	Button, TextView, ImageView, EditText, Spinner.
	Containers Chave
	Gerenciadores de Layout (Layouts)
	Componentes robustos que herdam da classe android.view.ViewGroup (que por sua vez herda de View). Responsáveis por organizar e posicionar as Views filhas.
	Função Principal
	Organização da UI
	Definir como os Widgets e outras Views serão dispostos na tela (horizontal, vertical, em grade, com restrições, etc.).
	Exemplos de Layouts
	
	LinearLayout, RelativeLayout, ConstraintLayout, GridLayout, FrameLayout.
	Mecanismo de Renderização
	Canvas
	O objeto passado para o método onDraw() da View, permitindo que a View execute as operações de desenho (texto, linhas, bitmaps, etc.).
	Propriedades Essenciais
	Parâmetros de Layout
	Atributos para definir o dimensionamento e posicionamento.
	Exemplos de Propriedades
	
	android:layout_width e android:layout_height (usando valores como wrap_content e match_parent).
	Hierarquia
	Estrutura da UI
	A organização é uma árvore de Views, onde os Layouts atuam como nós internos (ViewGroup) e os Widgets como nós folha.