#DIALOG : CustomDialog

novembro 17, 2018 doido 2.0 4 Comments

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 !