[MÚSICA]
[MÚSICA] E aí pessoal.
Tudo bem?
Nessa aula, iremos ver como salvar dados usando 'NSUSERDEFAULTS'.
Criaremos aplicativo que tem uma tela inicial de configuração que
seguida leva a tela normal do aplicativo.
Uma vez que o usuário salva as informações,
sempre que ele entrar no aplicativo, já vai estar na segunda tela.
Vamos iniciar criando novo projeto com a opção de 'singleview aplication'.
Escolha o nome de projeto e 'devices' deixe universal.
Com o projeto criado, vamos criar alguns arquivos.
New file, Cocoa Touch Class, UIViewcontroller, subclass.
Chamo de 'Config View Controller'.
New file, Cocoa Touch Class, UIViewcontroller, subclass.
Chamo de Main View Controller.
Agora apague o view controller existente, que não iremos usar!
Vamos no storyboard!
Adicione o view controller!
[SEM_ÁUDIO] Selecione o primeiro view controller!
No inspetor de identidade, escolha config view controller!
No inspetor de conexões, crie 'segues' para o segundo view controller!
Vamos colocar o identificador 'done prefs'.
Agora, vamos usar alguns elementos que já vimos no módulo passado.
Adicione quatro labels!
Modifique a primeira para 'preferências de usuário'!
[SEM_ÁUDIO]
Adicionar constraints.
[SEM_ÁUDIO] Modifique
a segunda para "Mensagem de boas vindas"!
[SEM_ÁUDIO] Adicionar constraints.
Agora adicione text field!
[SEM_ÁUDIO] Colocar
no texto inicial, "Escreva aqui sua mensagem",
para aparecer o botão de apagar.
Na aba de conexões, conectar o 'delegate'.
Adicione constraints.
[SEM_ÁUDIO]
[SEM_ÁUDIO] Modifique
a terceira label para, "Selecione uma cor de fundo".
Adicionar constraints.
Adicione 'picker view'!
Coloque constraints!
Na aba de conexões,
conecte datasource e o delegate!
Agora, multiplique a última label para,
"Escreva uma mensagem de boas vindas para finalizar".
Nesse caso, vamos deixá-la pequena, centralizada.
Melhor aumentar para duas linhas e adicionar uma quebra de linha depois
de 'Boas vindas'.
Para isso, basta pressionar control mais enter.
Multiplicar a cor, também, para vermelho.
E vamos deixar essa label escondida.
Coloque constraints!
Adicione, por último, botão!
Modifique para finalizar!
Ajuste o tamanho!
Adicione constraint!
Nesse caso, eu vou colocar constraint relação a parte inferior da tela.
[SEM_ÁUDIO] Vamos
aproveitar para fazer as ligações com código.
Crie outlet para o pickerview.
Eu vou chamar de pickerview.
Outlet para o text field.
Tomar de text field.
O último outlet para label de erro.
Vou chamar de Error label.
Criar outlet para botão.
Vamos chamar de End button.
Selecione o segundo view controller!
No inspetor de identidade, escolha Main View controller!
Adicione uma label!
Modifique para, "Mensagens de boas vindas".
Acha se cor,
tamanho e adicione constraints.
[SEM_ÁUDIO] Vamos
criar os outlets no código.
Para label.
Vamos chamar de "Welcome message" label.
[SEM_ÁUDIO] Outlet para a view principal.
Chamar de main view.
Agora, vamos ao código da main view controller primeiro.
Precisamos de duas variáveis para receber as informações da tela de configuração.
Uma variável para receber a cor de fundo,
outra para receber a mensagem de boas vindas.
Considerando que vamos receber essas variáveis antes desse view
controller ser chamado, podemos fazer as alterações no View Did Load.
Aqui, criamos uma função para cada inicialização.
A função update color,
verifica a cor que está na string recebida e atualiza a cor da main view.
A função update text atualiza a label do outlet com a string recebida.
Agora vamos ao config de view controller.
Aqui, precisamos adicionar datasource e delegate para o pickerview; além de
delegate para o text field.
Para não ficar muita informação e organizar melhor o código, vamos adicionar
o UIText field delegate e deixar separado as funções de pickerview.
Antes disso, vamos apenas adicionar dados para o pickerview nessa parte,
botão de string com o nome das cores.
Agora, vá ao final do
código e adicione uma extensão para a nossa classe Config View Controller.
Aqui, vamos adicionar UIPickeview, datasource UIpickerview delegate.
E colocamos as funções do pickerview que já vimos aulas passadas,
usando o nosso vetor de dados 'Pickerviewdata'.
Agora podemos voltar.
Ainda precisamos de algumas variáveis para ajudar no desenvolvimento.
'SelectedColor', para salvar e recupera cor de fundo escolhido.
'Selectedintrotext', para salvar e recuperar o texto de boas vindas.
Defaults, com essa função, recebemos o caminho padrão de
dados do NSUSERDEFAULT, que é onde iremos salvar algumas informações dessa aula.
Sempre que iniciamos o pickerview,
o primeiro elemento do vetor de dados é que será selecionado.
Caso não ocorra nenhuma alteração no pickerview,
vamos deixar salvo na nossa variável local esse valor; que no caso é o branco.
Podemos adicionar as funções do text field.
As mesmas que já vimos aulas passadas.
A diferença aqui é que quando termina de editar texto,
salvamos esse texto na nossa variável local, 'Selected intro text'.
Na próxima aula, iremos continuar explicando a partir desse ponto.
Até lá!
