Programação V

Android - Java

Pedro Mbote
Widgets, Manipulação de Dados
e Programação de Eventos
TextView
▶ É utilizado para apresentar um texto não editável na tela.

▶ O código XML que representa um TextView :

<TextView
android:id="@+id/label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TEXTO 1:” />
▶ Propriedades:
▶ android:text=“Texto 1": define o texto que é exibido na TextView
▶ android:id="@+id/tvNome “: define o identificador da textView.
Caso seja necessário manipular este elemento via código Java, usamos
este identificador para acessá-lo.
TextView
▶ Propriedades:
▶ De acordo com a documentação do android é considerado uma boa prática
“exteriorizar” strings, arrays de string, imagens, cores, e outros recursos
que você ou outra pessoa possa gerenciá-los separadamente do código de
seu aplicativo.

▶ Para isto, adicione uma nova String: res -> values -> strings
<string name="nome">Nome</string>

▶ Em seguida configure o parâmentro android:text conforme abaixo

android:text="@string/nome"
TextView

▶ Propriedades:
▶ android:textColor="#A5B6C7“: define uma cor ao texto no formato hexadecimal.

▶ android:textSize="20dp“: define o tamanho do texto.

▶ android:textStyle="bold“: Define o estilo do texto(negrito, itálico ou normal)

▶ android:textAllCaps="true“: Define se o texto exibido aparecerá em

caixa alta (true) ou em caixa baixa(false)

▶ android:layout_gravity="center_horizontal“: Define o alinhamento do texto

▶ android:typeface="serif“: Define os padrões de fonte, ou famílias, que no caso do

Android são 3 famílias: Droid Sans, Droid Sans Mono e Droid Serif
TextView

▶ Adicionando sombras:
▶ android:shadowColor: cor da sombra
▶ android:shadowRadius: o raio da sombra
▶ android:shadowDx: o distanciamento horizontal da sombra em relação ao
texto
▶ android:shadowDy: o distanciamento vertical da sombra em
relação ao texto
Dúvidas
AutoCompleteTextView

❑ É muito utilizado em vários tipos de aplicações hoje em dia.

❑ Pode ser utilizado no Android através da classe

android.widget.AutoCompleteTextView.

❑ Para fazer uso de tal componente é necessário chamar o

setAdapter(...) passando como argumento uma implementação de
ListAdapter.
AutoCompleteTextView

◆ Dois parâmetros principais durante a criação da classe:

1. android:completionThreshold: Recebe o número de letras que
o usuário precisa digitar para iniciar o auto-preenchimento do
texto.

2. android:completionHint: Recebe um texto utilizado para

exibir uma dica sobre o preenchimento do texto.Tal dica
será exibida para o usuário final da aplicação.
AutoCompleteTextView

<LinearLayout ...>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Estados" />

<AutoCompleteTextView android:id="@+id/estados"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:completionThreshold="1"
android:completionHint="Digite o nome de um estado:" />

<Button android:layout_width="wrap_content" android:layout_height="wrap_content"

android:text="OK"/>

</LinearLayout>
AutoCompleteTextView

public class MainActivity extends Activity {

private static final String[] ESTADOS = new String[] {"Acre", "Alagoas",

"Amapa", "Amazonas", "Bahia", "Ceara", "Espírito Santo",
"Minas Gerais", "Sao Paulo", "Rio de Janeiro", "Rio Grande do
Sul", "Pernambuco"
};

@Override
protected void onCreate( Bundle savedInstanceState)
{

super.onCreate(savedInstanceState);
setContentView( R.layout.activity_main );
AutoCompleteTextView

private void initEstados() {

ArrayAdapter<String> adaptador = new

ArrayAdapter<String> (this,android.R.layout.simple_dropdown_item_1,
ESTADOS);

AutoCompleteTextView estados =
(AutoCompleteTextView)findViewById(R.id.estados);

estados.setAdapter(adaptador);
}
AutoCompleteTextView
Dúvidas
ImageView

▶ É usado para adicionar uma imagem em uma activity

<ImageView
android:layout_width="wrap_content"
android:layout_height="86dp"
android:src="@drawable/ferrari" />

▶ OBS: Antes de utilizar uma imagem, é necessário coloca-la na pasta de

imagem(@drawable). Para isto copie e cole a imagem na pasta específica.
ImageView
Dúvidas?
EditText
▶ Um EditText é um componente gráfico que permite ao utilizador interagir com o
aplicativo através da inserção de textos.

▶ Na paleta de Widgets é possível incluir EditText com entradas pré-configuradas para

permitir apenas números, campos no formato senha(password), etc.

▶ Uma EditText também poderá ser adicionada via código XML,

conforme abaixo:

<EditText
android:id="@+id/editText1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
</EditText>
EditText
EditText
▶ Exibindo ajuda:
▶ android:hint: este atributo exibe
uma dica dentro de um
componente EditText, a qual
ajuda o utilizador a entender o
objetivo do componente. Quando
o utilizador iniciar a digitação
neste componente, a dica de
ajuda desaparece.
Dúvidas
Button
▶ Um Button é um componente gráfico que permite ao utilizador interagir com o aplicativo
através de cliques(toques) no botão.
▶ Em geral os botões acompanham código Java que é acionado para realizar uma
determinada função assim que o utilizador do aplicativo toca-lo. Usamos para isto a
propriedade onClick para chamar uma função no código Java a qual o formulário está
relacionado.
▶ As propriedades id, text, background, margin e outras propriedades comuns a todos os
widgets são configuradas da mesma forma que os controles já apresentados
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="OK"
android:onClick=“cadastrar"
/>
Button
Dúvidas
ImageButton

<LinearLayout ...>
▪ Classe ImageButton
<ImageButton
(android.widget.ImageButto
android:id="@+id/img1"
n) permite utilizar uma android:layout_width="fill_parent"

imagem para desenhar o android:layout_height="wrap_conten

t" android:src="@drawable/smile1"
botão. />

<ImageButton
android:id="@+id/img2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout>
ImageButton

public class MainActivity extends Activity { @Override

protected void onCreate(Bundle savedInstanceState)
{ super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

ImageButton botaoImagem1 = (ImageButton)findViewById(R.id.img1);

botaoImagem1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
Toast.makeText(MainActivity.this, "Imagem 1 OK", Toast.LENGTH_SHORT).show();

}
});

ImageButton botaoImagem2 = (ImageButton)findViewById(R.id.img2);

botaoImagem2.setImageResource(R.drawable.smile2);
botaoImagem2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
Toast.makeText(MainActivity.this, "Imagem 2 OK", Toast.LENGTH_SHORT).show();
}
});
ImageButton
Dúvidas
Atenção
Referências

● Google and Open Handset Alliance n.d. Android API Guide.

http://developer.android.com/guide/index.html.

● Google and Open Handset Alliance n.d. Android training guide.

http://developer.android.com/training/index.html.

● Lecheta, R. R. Google Android: Aprenda criar plicações para dispositivos

móveis com o Android SDK. 3ª edição. São Paulo: Novatec Editora,
2013.