CODES FOR SKETCHWARE

Mostrando postagens com marcador CUSTOM. Mostrar todas as postagens

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.

}});