Android

Trabalhando com Widgets

 Trabalhando com Componentes
• Principais:

• TextView
• Button
• RadioButton
• Checkbox
• Switch
• Spinner
• ImageView
• WebView
• EditText
 TextView
• Componente responsável por exibir textos não editáveis na tela

• No Android Studio, apresenta os componentes Plain TextView, Large Text,

Medium Text e SmallText <TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=“Texto a ser exibido"

• A diferença entre eles está android:id="@+id/textView1" />

apenas na tag txtAppearance <TextView

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text=“Texto grande a ser exibido"
android:id="@+id/textView2“ />
 <TextView
android:layout_width="wrap_content"
TextView android:layout_height="wrap_content"
android:text=“Texto a ser exibido"
android:id="@+id/textView1" />

• Toda TAG XML referente a um componente, que é adicionada a um Layout

precisa ter um identificador: tag android:id

• Essa tag permite que o componente XML possa ser utilizado no código
Java. O método text1.setText() modifica o texto da tag textView1
public class Sobre extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_sobre);

TextView texto1 = (TextView) findViewById(R.id.textView1);

texto1.setText("Texto Modificado");
} }
RadioButton
• Cria botões de rádio (apenas um selecionado de um grupo)

<RadioGroup
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:id="@+id/rgFrutas">
<RadioButton android:id="@+id/radio_morango"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Morango"
android:onClick="onRadioButtonClicked"/>
<RadioButton android:id="@+id/radio_uva"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Uva"
android:onClick="onRadioButtonClicked"/>
</RadioGroup>
 RadioButton
• Código Java
public class TelaExemplo extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_tela_exemplo);
}
public void onRadioButtonClicked(View v) {
RadioGroup rgFruta = (RadioGroup) findViewById(R.id.rgFrutas);
switch (rgFruta.getCheckedRadioButtonId()) {
case R.id.radio_morango:
Toast.makeText(this, “Morango!!!", Toast.LENGTH_SHORT).show();
break;
case R.id.radio_uva:
Toast.makeText(this, “Uva!!!", Toast.LENGTH_SHORT).show();
break;
}
}
}
 Button
• Botão para realizar ações dentro do App Android

public class TelaExemplo extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState)
{ android:layout_width="wrap_content"
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_tela_exemplo);
Button botao = (Button) findViewById(R.id.button2);
}
public void onClick(View v) {
// Faz Algo
} }
<Button
android:layout_height="wrap_content"
android:text="Clique Aqui!"
android:id="@+id/button2"
android:layout_below="@+id/rgFrutas"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:onClick="onClick" />
 Exemplo • Código XML
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.ilori.TelaExemplo">

<RadioGroup xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:id="@+id/rgFrutas">
<RadioButton android:id="@+id/radio_morango"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Morango"
android:onClick="onRadioButtonClicked"/>
<RadioButton android:id="@+id/radio_uva"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Uva"
android:onClick="onRadioButtonClicked"/>
</RadioGroup>
 Exemplo • Código XML
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Clique Aqui!"

• Código XML
android:id="@+id/button2"
android:layout_below="@+id/rgFrutas"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:onClick="onClick" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Fruta Selecionada:"
android:id="@+id/txtFrutaSelecionada"
android:layout_below="@+id/button2"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="escolha a fruta"
android:id="@+id/frutaSelecionada"
android:layout_alignTop="@+id/txtFrutaSelecionada"
android:layout_toRightOf="@+id/txtFrutaSelecionada"
android:layout_toEndOf="@+id/txtFrutaSelecionada"
android:textColor="#fd0505" />
</RelativeLayout>
 public class TelaExemplo extends Activity {
Exemplo String fruta="Não Selecionada";
TextView txtFruta;
@Override
protected void onCreate(Bundle savedInstanceState) {
• Código Java super.onCreate(savedInstanceState);
setContentView(R.layout.activity_tela_exemplo);
Button botao = (Button) findViewById(R.id.button2);
txtFruta = (TextView) findViewById(R.id.frutaSelecionada);
}
public void onClick(View v) {
txtFruta.setText(fruta);
}
public void onRadioButtonClicked(View v) {
RadioGroup rgFruta = (RadioGroup) findViewById(R.id.rgFrutas);
switch (rgFruta.getCheckedRadioButtonId()) {
case R.id.radio_morango:
fruta = "Morango";
Toast.makeText(this, fruta, Toast.LENGTH_SHORT).show();
break;
case R.id.radio_uva:
fruta="Uva";
Toast.makeText(this, fruta, Toast.LENGTH_SHORT).show();
break; } } }
Atividade
• Desenvolver um aplicativo utilizando os conceitos apresentados

• Tema do aplicativo: livre

• Aproveite o código do exercício de mudança de telas