This document discusses several iOS user interface components: UIImageView displays images and animated image sequences. UIScrollView allows scrolling through content larger than the screen. UIWebView embeds web content in apps and converts phone numbers to links. It provides examples of loading and manipulating content in these components.

1. Desenvolvimento de
aplicativos mobile para iOS
Aula 4 - Conhecendo alguns componentes

2. Componentes
•UIImageView
•UIScrollView
•UIWebView

3. UIImageView
• Mostrar uma imagem ou uma série animada
de imagens
http://developer.apple.com/library/ios/#DOCUMENTATION/UIKit/Reference/UIImageView_Class/Reference/Reference.html

4. - (id)initWithImage:(UIImage *)image
@property(nonatomic, retain) UIImage *image
- (void)startAnimating
- (void)stopAnimating
@property(nonatomic) NSTimeInterval animationDuration
@property(nonatomic, copy) NSArray *animationImages
@property(nonatomic) NSInteger animationRepeatCount
@property(nonatomic, getter=isHighlighted) BOOL
highlighted
@property(nonatomic, retain) UIImage *highlightedImage

5. UIImage
• Objeto de alto nível para exibir imagens
• As instâncias são imutáveis
• Provê várias formas de exibir imagens
http://developer.apple.com/library/ios/#documentation/uikit/reference/UIImage_Class/Reference/Reference.html#//apple_ref/
occ/instm/UIImage/resizableImageWithCapInsets:

6. + (UIImage *)imageNamed:(NSString *)name
+ (UIImage *)imageWithContentsOfFile:(NSString *)path
+ (UIImage *)imageWithData:(NSData *)data
+ (UIImage *)animatedImageWithImages:(NSArray *)images
duration:(NSTimeInterval)duration
- (UIImage *)resizableImageWithCapInsets:
(UIEdgeInsets)capInsets

7. Convenção de nomes
• Padrão:
<ImageName><device_modifier>.<filename_extension>
• Alta resolução:
<ImageName>@2x<device_modifier>.<filename_extension>
• Exemplos: Button.png, Button~ipad.png,
Button@2x~ipad.png, Button@2x~iphone.png
[UIImage:imageNamed:@"Button"]

8. Demo

9. UIScrollView
• Provê suporte para exibir conteúdos que
são maiores que a área de exibição da tela
• Permite ao usuário rolar a tela usando
“Swiping Gestures” e dar zoom usando
“Pinching Gestures”
http://developer.apple.com/library/ios/#DOCUMENTATION/WindowsViews/Conceptual/UIScrollView_pg/Introduction/
Introduction.html#//apple_ref/doc/uid/TP40008179-CH1-SW1

10. scrollView.contentSize = CGSizeMake(1920, 1080);

11. - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {
return self.imageView;
}

12. Demo

13. UIWebView
• Componente para embutir conteúdo da
web no aplicativo
• Por padrão, um web view converte
números de telefone para links
http://developer.apple.com/library/ios/#documentation/uikit/reference/UIWebView_Class/Reference/Reference.html

14. - (void)loadRequest:(NSURLRequest *)request
- (void)loadHTMLString:(NSString *)string baseURL:(NSURL
*)baseURL
@property(nonatomic, assign) id<UIWebViewDelegate>
delegate
- (void)stopLoading
- (void)reload
- (void)goBack
- (void)goForward
- (NSString *)stringByEvaluatingJavaScriptFromString:
(NSString *)script

15. UIWebViewDelegate
- (BOOL)webView:(UIWebView *)webView
shouldStartLoadWithRequest:(NSURLRequest *)request
navigationType:
(UIWebViewNavigationType)navigationType
- (void)webViewDidStartLoad:(UIWebView *)webView
- (void)webViewDidFinishLoad:(UIWebView *)webView
- (void)webView:(UIWebView *)webView
didFailLoadWithError:(NSError *)error

16. Usando...
- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
NSURLRequest* request = [NSURLRequest requestWithURL:
[NSURL URLWithString:textField.text]];
[self.webView loadRequest:request];
[textField resignFirstResponder];
return YES;
}

17. Demo