5.Salvando dados com UserDefaults - Parte 1

Loading...

Del curso dictado por Universidade Estadual de Campinas

Como criar aplicativos com múltiplas telas para iPhone e iPad

54 calificaciones

Universidade Estadual de Campinas

Como criar aplicativos com múltiplas telas para iPhone e iPad

54 calificaciones

Curso 2 de 5 en SpecializationDesenvolvimento e Design de Aplicativos para iPhone

Bem vindo ao segundo curso de desenvolvimento de aplicativos para iPhone e iPad. Quer fazer um aplicativo que navegue por múltiplas telas? Que apresente dados em tabelas? Que aceite diferentes gestos na tela? Ou quem sabe um aplicativo com diversos conteúdos em uma única tela com barra de rolagem? Se você respondeu "sim" para alguma dessas perguntas, esse é o curso ideal para você! Neste curso você vai criar um aplicativo capaz de navegar por múltiplas telas, verá como mostrar dados para o usuário através de tabelas e telas com rolagem, além de ver aqueles elementos comuns em diversos aplicativos de iPhone e iPad, como botões, controles, contadores e outros. Este curso é composto por várias videoaulas passo a passo, para você que tem pouca experiência com programação, ou já é um programador experiente mas não conhece o Swift ou nunca fez um aplicativo iOS, acompanhar as aulas e evoluir no seu próprio ritmo. Concluindo esse curso, você será capaz de desenvolver mais do que um simples aplicativo iPhone, podendo criar um aplicativo sobre o tema que desejar, quando desejar! O que você está esperando? Junte-se a milhares de outros usuários e desenvolva o seu próprio aplicativo!

De la lección

Apresentando dados no aplicativo

E aí pessoal, tudo bem? Neste módulo, você vai conhecer os principais elementos do xCode para apresentar informações na tela. Verá como utilizar tabelas, coleções barra de rolagem e, inclusive, como salvar informações mesmo quando o aplicativo é encerrado. Se você tiver alguma dificuldade nas tarefas, peça ajuda no Fórum de Discussões (e se você terminar primeiro que os outros colegas, espero que você passe pelo fórum para ajudá-los também). Assista as videoaulas e pratique. Pause o vídeo sempre que precisar para poder copiar, digitar o código e ver funcionando no seu próprio Mac. Bons estudos!

2.Usando uma Table View9:29

3.Usando o Collection View5:54

4.Usando uma view com rolagem4:46

5.Salvando dados com UserDefaults - Parte 18:43

6.Salvando dados com UserDefaults - Parte 23:27

Conoce a los instructores

Eduardo Galembeck
Professor
Instituto de Biologia
Danilo Marshall
Engenheiro
Instituto de Biologia
Rodrigo Dias Takase
Engenheiro
Instituto de Computação

[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 em seguida

leva à 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 single view application.

Escolha o nome de projeto e em Devices deixe Universal.

Com o projeto criado vamos criar alguns arquivos.

New file, Cocoa Touch Class,

UIViewController subclasse chame de ConfigViewController.

New file, Cocoa Touch Class,

UIViewController subclasse, chame de MainViewController.

Agora apague o view controller existente que não iremos usar.

Vamos ao storyboard.

Adicione o view controller.

[SEM_ÁUDIO] Selecione o primeiro view controller.

No inspetor de identidade escolha ConfigViewController.

No inspetor de conexões crie segue para o segundo view controller.

Vamos colocar o identificador donePrefs.

Agora vamos usar alguns elementos que já vimos no módulo passado.

Adicione 4 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

o texto inicial Escreva aqui a sua mensagem para aparecer o botão de apagar.

Na aba de conexões, conetar 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 conete data source e o delegate.

Agora modifique

a última label para Escreva uma mensagem de boas vindas para finalizar.

Nesse caso vamos deixar ela pequena, centralizada, melhor aumentar

para duas linhas e adicionar uma quebra de linha depois de Boas vindas.

Para isso, basta pressionar control mais enter, modificar 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 vou colocar constraint em relação à parte inferior da tela.

[SEM_ÁUDIO] Vamos

aproveitar para fazer as ligações com o código.

Crie outlet para o picker view, vou chamar de picker view.

Outlet para text field.

Tomar de text Field, uma última outlet para a label de erro,

tomar de error Label.

Criar uma action para o botão.

Tomar de end Button.

Selecione o segundo view controller.

No inspetor de identidade, escolha MainViewControler.

Adicione uma label.

Modifique para Mensagem de boas vindas.

Ajuste cor,

tamanho e adicone

constraints.

[SEM_ÁUDIO] Vamos

criar os outlets no código.

Para a label, chamar de welcome Message Label.

[SEM_ÁUDIO] Outlet

para a view principal, chamar de Main View.

Agora vamos 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 de esse view controller

ser chamado, podemos fazer as alterações no viewDidLoad.

Aqui criamos uma função para cada inicialização.

A função updateColor verifica a cor que está na string recebida e

atualiza a cor da mainview.

A função updateText atualiza a label do outlet com a string recebida.

Agora vamos ao ConfigViewController.

Aqui precisamos adicionar data source e delegate para o picker view,

além de delegate para text field.

Para não ficar muita informação e organizar melhor o código, vamos adicionar

o UITextFieldDelegate, deixar separadas as funções do picker view.

Antes disso vamos apenas adicionar dados para o picker view nessa parte.

Monitor de string com o nome das cores.

Agora vou ao final do código e

adicione uma extensão para a nossa classe ConfigViewController.

Aqui vamos adicionar UIPickerViewDataSource

e UIPickerViewDelegate e colocamos as funções do picker view que já vimos

em aulas passadas usando o nosso vetor de dados picker view data.

Agora podemos voltar.

Ainda precisamos de algumas variáveis para ajudar no desenvolvimento.

SelectedColor para salvar e recuperar a cor de fundo escolhida,

selectedIntroText para salvar e recuperar o texto de boas vindas.

Defaults, com essa função recebemos o caminho padrão de dados

do NSUserDefaults, que é onde iremos salvar algumas informações dessa aula.

Sempre que iniciamos o picker view,

o primeiro elemento do vetor de dados é que será selecionado.

Caso não ocorra nenhuma alteração do picker view,

vamos deixar salvo na nossa varável local esse valor que no caso é o branco.

Podemos já adicionar as funções do text field,

as mesmas que já vimos em aula passada.

A diferença aqui é que quando termina de digitar texto,

salvamos esse texto na nossa variável local, selectedIntroText.

Na próxima aula iremos continuar explicando a partir desse ponto.

Até lá!

Explora nuestro catálogo

Inscríbete de manera gratuita y obtén recomendaciones personalizadas, actualizaciones y ofertas.

Coursera brinda acceso universal a la mejor educación del mundo, al asociarse con las mejores universidades y organizaciones, para ofrecer cursos en línea.

© 2018 Coursera Inc. Todos los derechos reservados.

Descargar en la App Store

Consíguelo en Google Play