Desenvolvendo para iOS com Cocoa-Touch

Desenvolvendo para iOS com CocoaTouch

Sumário• Documentação• Principais ferramentas de uso• Objective-C / Cocoa touch• Novidades do IOS 5• Design e imagens• Animações e edições de imagens• Rastreando o usuário

Documentação O primeiro grande passo

Documentação• https://developer.apple.com/library/ios/ipad/#home

Documentação• https://github.com/brunogb/DocSets-for-iOS

Documentação• HIG - Human interface guidelines

Principais ferramentas

Xcode• Edição do código• Construção da interface• Ferramenta de depuração de código• Modelador de banco de dados

XcodeEditor de versão do códigoSuporte:

Interface Builder?

Interface Builder

Interface Builder • IBOutlets e IBActions diretamente da interface

Instruments

Instruments• Avaliação de performance, gargálos, memory leaks• Automação de navegação pelo aplicativo• Facilita encontrar bugs de programação• Analisador de OpenGL

Instruments

Objective-C

Sintaxe

ARCAutomatic Reference Counting

ARCAutomatic Reference Counting• Não utilize os métodos dealloc, retain e release• Para arquivos que não devam ser compilados com ARC, utilize a ﬂag <-fno-objc-arc>• Todos os métodos da sua classe devem estar especiﬁcados na interface

ARCAutomatic Reference Counting

ARCAutomatic Reference Counting @autoreleasepool { <seu código> }

Usando blocos com Objective-C E quais as vantagens em se utilizar blocos

Usando blocos com Objective-C Blocos são objetos que encapsulam um segmento de código a ser executado.

Usando blocos com Objective-C Adotado cada vez mais nos novos frameworks

Usando blocos com Objective-C Como remover uma view com fade

Usando blocos com Objective-C Transição "Flip" entre views

Deﬁnindo blocos

Deﬁnindo blocoshttps://github.com/brunogb/BlocksKitBlocksKit adiciona o suporte a blocos em diversosframeworks que ainda não tem esse suporte• Filtros em arrays e dicionários• Alertas e ActionSheets• Timers• Conexões de internet• Reconhecimento de gestos

Executando tarefas em background "nunca execute tarefas longas na thead principal"

Executando tarefas em background Tarefas com processamento paralisam a interface gráﬁca e passam a sensação de que o aplicativo não esta funcionando- (void)performSelectorInBackground:(SEL)aSelector withObject:(id)arg

Executando tarefas em background Tarefas com processamento paralisam a interface gráﬁca e passam a sensação de que o aplicativo não esta funcionando - (void)performSelectorOnMainThread:(SEL)aSelector withObject:(id)arg waitUntilDone:(BOOL)wait

Novidades do iOS 5Novos métodos, frameworks, e possibilidades

NSJSONSerializationTraduzindo e gerando dados no formato JSON+ (id)JSONObjectWithData:(NSData *)data options:(NSJSONReadingOptions)opt error:(NSError **)error;+ (id)JSONObjectWithStream:(NSInputStream *)streamoptions:(NSJSONReadingOptions)opt error:(NSError **)error;+ (BOOL)isValidJSONObject:(id)obj;+ (NSData *)dataWithJSONObject:(id)obj options:(NSJSONWritingOptions)opt error:(NSError **)error;

UIScreen Controlando o brilho da tela@property (nonatomic) CGFloat brightness;@property (nonatomic) BOOL wantsSoftwareDimming; ( Cuidado com essa propriedade, ela pode causar uma animação mais lenta se estiver habilitada )

UIScrollviewControlando o ponto de parada de um scroll- (void)scrollViewWillEndDragging:(UIScrollView *)svwithVelocity:(CGPoint)veltargetContentOffset:(inout CGPoint *)tCO; ( a variável tCO contem o possível ponto de parada dascrollView, e você pode altera-lo para o ponto que acharmelhor. Cuidado para não estraga a "física" da scrollView, ou o usuário pode ﬁcar perdido)

UIReferenceLibraryViewControllerExibindo deﬁnições de palavras- (id)initWithTerm:(NSString *)term;+ (BOOL)dictionaryHasDeﬁnitionForTerm:(NSString *)term;

UITableViewRegistrando UITableViewCell com um identifier- (void)registerNib:(UINib *)nibforCellReuseIdentifier:(NSString *)ident;Como recuperar um Nib UINib *nibFile = [UINib nibWithNibName:@"MyNib" bundle:nil];( Importante definir na UITableViewCell o mesmo identifier )

UIImageImagens animadas+ (UIImage*)animatedImageNamed:(NSString *)name duration:(NSTimeInterval)duration;Busca por name0, name1....+ (UIImage*)animatedImageWithImages:(NSArray *)imagesduration:(NSTimeInterval)duration;@property (nonatomic, readonly) NSArray *images;@property (nonatomic, readonly) NSTimeInterval duration;

UIImageImagens redimencionadas (tiles)- (UIImage*)resizableImageWithCapInsets:(UIEdgeInsets)i;duration:(NSTimeInterval)duration; {0, 1, 0, 1}

UIViewControllerContainer

UIViewControllerContainerContainer- (void)addChildViewController:(UIViewController *)cvc;- (void)removeFromParentViewController;@property (readonly) BOOL childViewControllers;Após executar o método <addChildViewController:> deve-se este método nocontrollers adicionado:- (void)didMoveToParentViewController:(UIViewController *)cvc;

UIViewControllerContainerTransição entre controllers- (void)transitionFromViewController:(UIViewController *)fvctoViewController:(UIViewController *)tvcduration:(NSTimeInterval)durationoptions:(UIViewAnimationOptions)optionsanimations:(void (^)(void))animationscompletion:(void (^)(BOOL ﬁnished))completion;

UIStepperControle para aumentar ou diminuir um valor@property (nonatomic) BOOL autorepeat;@property (nonatomic) double maximumValue;@property (nonatomic) double minimumValue;@property (nonatomic) double stepValue;@property (nonatomic) double value;

Twitter & Accounts "Single sign-on"

Twitter & Accounts "Single sign-on"TWRequest;Responsável por efetuar requisições para a API do Twitter. Casoseja um recurso protegido, basta deﬁnir a propriedade <account>. Saiba os métodos disponíveis em: http://dev.twitter.com/docs/apiTWTweetComposeViewControllerViewController que permite ao usuário enviar um tweet. Pode seradicionado uma imagem, ou url ao tweet antes de exibi-lo.

Twitter & Accounts "Single sign-on"Código para recuperar todas as contas disponíveis

UIStoryBoards

UIStoryBoardsFácil de criar e visualizar a navegação do aplicativo

UIStoryBoardUIViewController@property (readonly, retain) UIStoryBoard *storyboard;- (void)performSegueWithIdentifier:(NSString *)id sender:(id)sender;- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender;- (void)instantiateViewControllerWithIdentifier:(NSString *)identifier

UIStoryBoardUITableViewController Protótipo de células de tabelas dentro da própria tabela

UIStoryBoardUITableViewController Tabelas com conteúdo estático pre deﬁnido

Sincronização remota em tempo real entre aplicativos

Configurando iCloud em seu aplicativo• Habilitar o provisioning profile com permissão para iCloud• Atualizar provisioning profile no Xcode• Marcar o campo <entitlements> dentro do summary do aplicativo

Conﬁgurando iCloud em seu aplicativo

NewsstandRevistas e jornais no seu iDevice

NewsstandRevistas e jornais no seu iDevice• Possibilita download de conteúdo em background• Possibilita que o aplicativo seja lançado em background via push notiﬁcation• Possibilita downloads de itens separados do servidor em background.• Ícone do aplicativo pode ser alterado para reﬂetir a última edição recebida.

Animações e edição básica de imagens Utilizando QuartzCore, CoreAnimation e CoreImage

CALayerToda UIView tem uma CALayer responsável por desenharo conteúdo na tela. Seus atributos podem ser animadosPara acessar a layer de uma UIView: UIView *view = [[UIView alloc] init]; CALayer *layer = view.layer;

CALayer • cornerRadiusDeixa a view com borda arredondada.Caso a view possua conteúdos perto daborda, pode ser necessário utilizar apropriedade <clipToBounds> da viewpara que o conteúdo seja escondido UIView *view = [[UIView alloc] init]; CALayer *layer = view.layer; layer.cornerRadius = 8;

CALayer • borderColor, borderWidthDeﬁne cor e tamanho da borda da view.Acompanha o traçado do cornerRadius,se houver. A cor é deﬁnida com umareferencia do tipo CGColorRef. UIView *view = [[UIView alloc] init]; CALayer *layer = view.layer; layer.borderWidth = 3; layer.borderColor = [UIColor redColor].CGColor;

CALayer • shadowOpacity, shadowRadius, shadowOffset, shadowColorDeﬁne opacidade, radius, offset e cor dasombra da UIView. O offset é deﬁnidocomo um CGSize e determina a partirdo centro da view para qual direção asombra vai se deslocar. UIView *view = [[UIView alloc] init]; CALayer *layer = view.layer; layer.shadowOpacity = 0.8; layer.shadowColor = [UIColor redColor].CGColor; layer.shadowRadius = 2; layer.shadowOffset = CGSizeMake(0,1);

Design e imagens

Design e imagensRegra dos 44x44 pixels A área mínima de um controle que aceite um toque deve ser de 44x44 pixels.

Design e imagensRegra dos 44x44 pixels

Design e imagensRegra dos 44x44 pixels UINavigationBar tem 44px de altura, e apesar de seus botões interior terem 30px de altura, sua área de toque é estendida para os 44px

Design e imagensTamanho dos ícones do aplicativo• AppStore: 512x512px• iPad: 72x72px• Home screen: 57x57px• Home screen (Retina display): 114x114px

Design e imagensTamanho da tela e desenvolvendo para tela Retina• iPhone: 320x480• iPad: 768x1024• IPhone Retina: 640x960Importante notar que para desenvolver para tela retina basta multiplicar por 2o tamanho do objeto numa tela não retina. Ex: uma imagem 50x50 em telanormal, em tela retina seria 100x100. E para utilizar imagens em retina, bastaela ter o mesmo nome da normal acrescentada de @2x antes da extensão.

Design e imagensTamanho dos elementos internos• Status bar: 20px de altura• Navigation bar: 44px de altura• Tab bar: 49px de altura• Bar itens: 30x30 pixels

Rasteando o usuáriodentro do aplicativo Aprendendo com o usuário o que mais importante e o que funciona melhor

Rasteando o usuário dentro do aplicativo As melhores ferramentas disponíveis no momento são Google analytics e Flurry. Ambas são muito parecidas em termos de funcionalidades mas cada uma se destaca em uma área.

Flurry• Analytics para iOS, Android, Blackberry, Windows Phone, JavaME, HTML5.• Rastreia dados como sexo do usuário, idade e ID (desde que esses dados sejam fornecidos pelo programador)• Relatórios são mais simples porém.Google analytics• Analytics para iOS, Android e HTML.• Rastreia dados customizados deﬁnidos pelo desenvolvidor• Integração com ecommerce, e campanhas. Versão web• Relatórios detalhados, mesmo painel da versão web.

Mais informaçõesBruno Bilesckybruno.gondim@telefonicadigital.com.brbrunogb@gmail.com@bgondimDocumentação http://developer.apple.com

Desenvolvendo para iOS com Cocoa-Touch

by Campus Party Brasil on Feb 07, 2012

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 830

Statistics

Desenvolvendo para iOS com Cocoa-Touch Presentation Transcript