Pesquise algo no blog

segunda-feira, 20 de abril de 2015

Curso Android Aula 07 - TextView Propriedades

Introdução


Na aula passada, nós aprendemos como adicionar o componente TextView no Layout, e alteramos dois propriedades que foram o tipo do texto e a cor do mesmo. Na aula sete do curso iremos nos aprofundar um pouco mais, estudando os principais componentes do TextView.

Objetivo


O objetivo desta aula é trabalhar com os principais propriedades TextView, manipulando suas propriedades via Componente Tree, via edição do arquivo XML e também programaticamente. Ao final desta aula, você será capaz trabalhar melhor com TextView, além de adicionar mais conhecimentos sobre manipulação de componentes de Layout em seus projetos.

Lista de Propriedades


Eu selecionei um conjunto de cinco propriedades como alvo dos exemplos para esta aula, e estão representadas abaixo em forma de lista numerada, devidamente comentadas.

  1. android:id - ID define para o TextView um nome. Com este nome podemos programaticamente mudar outras propriedade. Por exemplo: android:id="@+id/labelNome" atribui o labelNome para o TextView. 
  2. android:text - a propriedade text é utilizada para setar um texto a ser apresentado ao usuário, basicamente é um sequência de caracteres alfanumérica. Por exemplo:  android:text="Curso Android do Professor Marco Maddo", irá mostrar na tela a frase Curso Android do Professor Marco Maddo.
  3. android:textSize - textSize permite mudar o tamanho da fonte. Por exemplo:  android:textSize="35px" muda o tamanho da fonte para 35 pixel
  4. android:gravity - esta propriedade permite alinha o texto, podendo receber como parâmetro os valores center, left, right, entre outros.
  5. android:captalize - com esta propriedade podemos transformar em letras maiúsculas automaticamente frases inteiras, palavras, ou um caractere. Os valores permitidos são characteres, none, sentences e words.
Existem uma vasta gama de opções para manipular as propriedades disponíveis no SDK Android. Minha dica é que você dedique um tempo para explorar estas propriedades adicionando-as ao Layout e mudando seus valores para visualizar os resultados.

Na documentação oficial do Desenvolvedor Android, todas as propriedades são explicadas em detalhes. 


Dica de produtividade


Quando você estiver trabalhando com qualquer componente de layout, digite android: e pressione CTRL + SPACE para visualizar a lista de opções. Você evitará erros de digitação e ainda ganha tempo. 

No caso de haver algum erro em seu Layout, seu projeto não será compilado.

Editando propriedades via Component Tree


Para modificar os valores das propriedades, bem como ter rapidamente acesso a lista completa de propriedades disponíveis, você deve selecionar o modo Display para ter um preview do Layout, e assim selecionar o Component Tree que é 100% visual. Para alterar qualquer propriedade, basta seleciona-la e mudar o seu valor.

No exemplo abaixo, estamos visualizando a propriedade gravity e suas opções.


Alterando programaticamente propriedades do TextView

Para modificar qualquer propriedade do componente TextView, é necessário que um ID tenha sido previamente atribuido para ele.

Observe o print de tela abaixo:


Na linha 18, nós criamos um objeto do tipo TextView chamado labelCurso, que foi identificado pelo ID labelCurso no XML activity_main. 

Na linha 19, nós alteramos através do método setText o valor do texto para "CURSO ANDROID DO BÁSICO AO AVANÇADO"

Exemplo completo

Considere um arquivo de layout conforme o definido abaixo.



O resultado na tela do celular ficará assim quando o projeto for executado:

Antes

O resultado sem alterar programaticamente nenhuma propriedade será este:



Depois

Considere que efetuamos programaticamente uma alteração na propriedade android:text na classe MainActivity.java conforme monstrado no print de tela abaixo:


Este será o resultado



Conclusão

O processo para manipular as propriedade do componente TextView, serve também para praticamente todos os demais componentes de Layout. Conforme foi demonstrado nesta aula, o SDK Android disponibiliza mais de uma maneira de alterar os parametros de um componente, podendo ser via edição direta no arquivo XML do Layout, ou via Component Tree e por último programaticamente.  Caso ao desenvolvedor escolher conforme o caso o que melhor se encaixa para um determinado momento no desenvolvimento do Layout.





segunda-feira, 20 de abril de 2015

Curso Android Aula 07 - TextView Propriedades

Introdução


Na aula passada, nós aprendemos como adicionar o componente TextView no Layout, e alteramos dois propriedades que foram o tipo do texto e a cor do mesmo. Na aula sete do curso iremos nos aprofundar um pouco mais, estudando os principais componentes do TextView.

Objetivo


O objetivo desta aula é trabalhar com os principais propriedades TextView, manipulando suas propriedades via Componente Tree, via edição do arquivo XML e também programaticamente. Ao final desta aula, você será capaz trabalhar melhor com TextView, além de adicionar mais conhecimentos sobre manipulação de componentes de Layout em seus projetos.

Lista de Propriedades


Eu selecionei um conjunto de cinco propriedades como alvo dos exemplos para esta aula, e estão representadas abaixo em forma de lista numerada, devidamente comentadas.

  1. android:id - ID define para o TextView um nome. Com este nome podemos programaticamente mudar outras propriedade. Por exemplo: android:id="@+id/labelNome" atribui o labelNome para o TextView. 
  2. android:text - a propriedade text é utilizada para setar um texto a ser apresentado ao usuário, basicamente é um sequência de caracteres alfanumérica. Por exemplo:  android:text="Curso Android do Professor Marco Maddo", irá mostrar na tela a frase Curso Android do Professor Marco Maddo.
  3. android:textSize - textSize permite mudar o tamanho da fonte. Por exemplo:  android:textSize="35px" muda o tamanho da fonte para 35 pixel
  4. android:gravity - esta propriedade permite alinha o texto, podendo receber como parâmetro os valores center, left, right, entre outros.
  5. android:captalize - com esta propriedade podemos transformar em letras maiúsculas automaticamente frases inteiras, palavras, ou um caractere. Os valores permitidos são characteres, none, sentences e words.
Existem uma vasta gama de opções para manipular as propriedades disponíveis no SDK Android. Minha dica é que você dedique um tempo para explorar estas propriedades adicionando-as ao Layout e mudando seus valores para visualizar os resultados.

Na documentação oficial do Desenvolvedor Android, todas as propriedades são explicadas em detalhes. 


Dica de produtividade


Quando você estiver trabalhando com qualquer componente de layout, digite android: e pressione CTRL + SPACE para visualizar a lista de opções. Você evitará erros de digitação e ainda ganha tempo. 

No caso de haver algum erro em seu Layout, seu projeto não será compilado.

Editando propriedades via Component Tree


Para modificar os valores das propriedades, bem como ter rapidamente acesso a lista completa de propriedades disponíveis, você deve selecionar o modo Display para ter um preview do Layout, e assim selecionar o Component Tree que é 100% visual. Para alterar qualquer propriedade, basta seleciona-la e mudar o seu valor.

No exemplo abaixo, estamos visualizando a propriedade gravity e suas opções.


Alterando programaticamente propriedades do TextView

Para modificar qualquer propriedade do componente TextView, é necessário que um ID tenha sido previamente atribuido para ele.

Observe o print de tela abaixo:


Na linha 18, nós criamos um objeto do tipo TextView chamado labelCurso, que foi identificado pelo ID labelCurso no XML activity_main. 

Na linha 19, nós alteramos através do método setText o valor do texto para "CURSO ANDROID DO BÁSICO AO AVANÇADO"

Exemplo completo

Considere um arquivo de layout conforme o definido abaixo.



O resultado na tela do celular ficará assim quando o projeto for executado:

Antes

O resultado sem alterar programaticamente nenhuma propriedade será este:



Depois

Considere que efetuamos programaticamente uma alteração na propriedade android:text na classe MainActivity.java conforme monstrado no print de tela abaixo:


Este será o resultado



Conclusão

O processo para manipular as propriedade do componente TextView, serve também para praticamente todos os demais componentes de Layout. Conforme foi demonstrado nesta aula, o SDK Android disponibiliza mais de uma maneira de alterar os parametros de um componente, podendo ser via edição direta no arquivo XML do Layout, ou via Component Tree e por último programaticamente.  Caso ao desenvolvedor escolher conforme o caso o que melhor se encaixa para um determinado momento no desenvolvimento do Layout.