#DIALOG : CustomDialog
VAMOS FAZER UM DIALOGO PARECIDO COM ESSE HOJE !!!
APENAS 20 PASSOS BEM EXPLICADOS PARA NINGUEM ERRA NA HORA DE FAZER UM DIALOGO PERSONALIZADO
1: Abra o seu projeto no sketchware.
_______________
2: Abra o menur de Layouts.
_______________
3: Depois de Abri o Menu Aperte en
CUSTOM VIEW.
________________
4: Depois Aperte no Ícone de mais ao lado do
CUSTOM VIEW.
__________________
5: Uma Caixa de Dialogo sera aberta digite o nome do novo CUSTOM VIEW Utilize esse nome ( customdialog1 ) Depois Aperte en
ADD .
___________________
6: Depois Aperte no novo
CUSTOM VIEW .
___________________
7: Depois de Abri seu Layout Customize como deseja sempre lembrando de deixa um textview como o finalizador ou seja o button responsável por fecha o dialogo personalizado.
8: Lembre de pega o id desse textview que sera responsável por fecha o dialogo, neste layout o id do textview e ( textview3 ) ou seja o textview ( VAMOS COMEÇAR ).
___________________
9: Depois de Fazer Esse Layout Personalizado para o dialogo Vamos para a logica com Codigos .
10: Volte para a tela MainActivity.
____________________
11: Na logica ( EVENT ) Abra o Oncreate Ou Seja a atividade que sera efetua quando o usuário abri o Aplicativo.
______________________
12: Dentro do Oncreate Coloque 6 Blocos para Injetar Codigos ( Add SourceDirectly ).
VOU ME REFERIR COMO BLOCOS VERDES
OBSERVAÇÃO : OS BLOCOS ADD SOURCE DIRECTLY ESTA DISPONIVEL NA CATEGORIA ( OPERATOR ) OU SEJA OS BLOCOS VERDES NO SKETCHWARE.
_______________________
13: No Primeiro
BLOCO VERDE Coloque esse código Abaixo ;
final AlertDialog dialog = new AlertDialog.Builder(MainActivity.this).create();
View inflate = getLayoutInflater().inflate(R.layout.customdialog1, null);
dialog.setView(inflate);
OBSERVAÇÃO : ESSE CODIGO SO VAI FUNCIONAR NA TELA MAINACTIVITY OU SEJA A PRIMEIRA TELA PADRÃO DO SEU APLICATIVO ; VAMOS DIZER QUE VOCÊ QUER QUE SEJA EN OUTRA TELA BASTA VOCÊ MODIFICA O NOME MainActivity
PELO DA SUA TELA.
______________________
14: Abaixo Do Primeiro
BLOCO VERDE Coloque esse Outro código abaixo.
TextView txt3 = (TextView) inflate.findViewById(R.id.textview3);
OBSERVAÇÃO : ESSE CODIGO ACIMA VAI DEFINIR QUE O WIDGET TEXTVIEW VAI SER UM TEXTVIEW COM FUNÇÕES, COMO ASSIM ?
NA TELA PRINCIPAL DO SEU APP SE VOCÊ COLOCA VARIOS TEXTVIEW VAI APARECER UM COM O ID TEXTVIEW3 OU SEJA O MESMO ID DO TEXTVIEW DO CUSTOM VIEW ESSE CODIGO ACIMA VAI DEFINIR QUE O ID TXT3 VAI SER O ID RESPONSAVEL POR PASSA QUALQUER ATIVIDADE PARA O TEXTVIEW3.
______________________
15: Agora Vamos definir a Função para fecha o dialogo, Coloque esse código no 3 BLOCO VERDE.
txt3.setOnClickListener(new OnClickListener() { public void onClick(View view) {
_______________________
16: Agora vamos Coloca outro código no
BLOCO VERDE Coloque esse codigo abaixo dos outros codigos.
dialog.dismiss();
Dica : Se você deseja coloca outra função ao invez de apenas fecha o dialogo basta coloca os blocos da função desejada abaixo desse código acima sem retira nem um BLOCO VERDE Basta pega o bloco da função que deseja e coloca abaixo, como um toast ou seja uma mensagem instantânea basta coloca o bloco toast abaixo do código diálogo.dismiss(); . Segue o tutorial ↓
OBSERVAÇÃO : ESSE CODIGO E RESPONSAVEL POR FECHA DIALOGO APOS O USUARIO APERTA NO BUTTON.
________________________
17: Agora vamos finalizar o Click Com esse código, coloque esse código no penúltimo
BLOCO VERDE.
}});
_________________________
18: Agora Vamos Finalizar, Coloque esse ultimo código no último
BLOCO VERDE.
dialog.show();
___________________________
19: Agora e só Salvar e COMPACTA O PROJETO INSTALAR E USAR COMO QUISER !!! PRINT ABAIXO
____________________________
20: Depois e so instalar o Projeto e pronto
Depois de Instalar e so abrir
Pronto Finalizamos Por aqui hoje !
1 Comments: