iOS: Alert View e Android: Alert Dialog

Neste artigo vamos apresentar como criar um alert no iOS e no Android. O Alert View é um importante meio de comunicação com o usuário.

Por | @reprotector Programação

Neste artigo vamos apresentar como criar um alert no iOS e no Android.

iOS


O Alert View é um importante meio de comunicação com o usuário. Como o próprio nome já diz, o Alert View é utilizado como um elemento para Alerta ao usuário. Sua implementação é simples e sem maiores problemas:
UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"Alerta!"
        message:@"Deseja continuar?"
        delegate:nil
    cancelButtonTitle:@"Não"
    otherButtonTitles:@"Sim",nil];
[alertView show];
[alertView release];

iOS: Alert View e Android: Alert Dialog


Na primeira linha de código estamos criando o alert view que será exibido para o usuário. Em title colocamos os título do alert view. Em message colocamos a mensagem que será passada para o usuário. Em cancelButtonTitle colocamos o botão de cancelamento e em otherButtonTitles colocamos os possíveis outros botões que serão exibidos no Alert View. O argumento passado neste campo é um array de strings, ou seja, poderíamos colocar “otherButtonTitles:@”Talvez”,@”Sim”,nil ” sem nenhum problema. Caso não quiséssemos outro botão, colocaríamos “otherButtonTitles:nil”. Não se esqueça que sempre deve terminar com um nil mostrando que não tem mais itens.

Repare que em delegate colocamos como nil. O que isso significa? Isso significa que as ações do alert view não estão “endereçadas” para nenhum objeto, ou seja, os eventos de alert view não terão efeito.

Ok, mas como faço para usar as ações do alert view?
O primeiro passo é colocar delegate para self. Assim, todas as ações do alert view estão endereçadas para o próprio objeto. Cabe ao objeto tratar cada ação.

Para isso, vamos utilizar a classe já existente para clique nos botões do alert view:
- (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{
    if (buttonIndex == 0){
        NSLog(@"Clicou em Não");
    } else if(buttonIndex == 1) {
        NSLog(@"Clicou em sim");
    }
}


Repare que passamos o alert view e o índice do botão que foi clicado como parâmetros. Como só temos um alert view no código, não precisamos nos preocupar com qual alert view foi passado. Caso houvesse mais de um alert view, seria importante que tivéssemos definido ações para cada alert view. Repare que o índice dos botões começa em 0 (cancelButton) e 1,2,3.. para os outros botões.

Pronto, agora sabemos como implementar um alert view em nossos aplicativos.


Android: Alert Dialog


Alerts são muito importantes para confirmação de ações do usuário. Por isso, é muito importante sabermos implementar logo no começo de nossos estudos.

Sua implementação é simples, e por isso não deveremos ter muitos problemas:
AlertDialog alertDialog = new AlertDialog.Builder(this).create();
alertDialog.setTitle("Alerta");
alertDialog.setMessage("Teste de Alerta");
alertDialog.setButton("SIM", new DialogInterface.OnClickListener() {
    public void onClick(DialogInterface dialog, int which) {
        return;
 } });
 alertDialog.setButton2("NÃO", new DialogInterface.OnClickListener() {
     public void onClick(DialogInterface dialog, int which) {
       return;
   } });
 alertDialog.show();


Não se esqueça que devemos importar os pacotes de Dialog e AlertDialog:
import android.app.AlertDialog;
import android.content.DialogInterface;

iOS: Alert View e Android: Alert Dialog


Vamos entender o funcionamento do nosso exemplo linha a linha:
  • AlertDialog alertDialog = new AlertDialog.Builder(this).create();
  • Instanciamos um objeto de AlertDialog
  • alertDialog.setTitle(“Alerta”);
  • alertDialog.setMessage(“Teste de Alerta”); Título e texto do alerta
  • alertDialog.setButton(“SIM”, new DialogInterface.OnClickListener() {
  • ……. });

Em Alert Dialog podemos ter 1,2 ou 3 botões. Para isso, usamos setButton, setButton2 e setButton3. Definimos as ações de cada botão com o método onClick, que significa ao clicar em cada botão.
  • lertDialog.show();
  • Coloca o Alert Dialog na tela

Se quiséssemos colocar um ícone em nosso Alert Dialog, poderíamos utilizar alertDialog.setIcon(R.drawable.search). Podemos perceber várias semelhanças com o código que fizemos para o Alert View em iOS. Muitas nomenclaturas são muito parecidas entre iOS e Android, e por isso, não tenha medo de migrar de uma plataforma para outra. O aprendizado se torna mais fácil se já há conhecimento de alguma das duas plataformas.

Mais sobre: ios, android, mobile
Share Tweet
DESTAQUESRecomendado
Mais compartilhados
Comentários