• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Ios.s7
 

Ios.s7

on

  • 643 views

 

Statistics

Views

Total Views
643
Views on SlideShare
553
Embed Views
90

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 90

http://moodle.urbegi.com 90

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Ios.s7 Ios.s7 Presentation Transcript

  • 7 - ELEMENTOS VISUALESCurso de desarrollo de aplicaciones móviles para iPhone y iPad endika.gutierrez@urbegi.com alex.rayon@urbegi.com Urbegi Learning Contents
  • CONTENIDO• Introducción• Elementos Visuales• Reconocedores de Gestos
  • CONTENIDO • Introducción• Elementos Visuales• Reconocedores de Gestos
  • INTRODUCCIÓN• Además de las vistas con las que hemos trabajado iOS provee de una gran cantidad de elementos visuales• Desdelos más sencillos como botones, textFields hasta elementos complejos como WebViews, o MapViews
  • INTRODUCCIÓN 2• Adicionalmenteexiste otro elemento llamado reconocedor de gestos o GestureRecognizer para reaccionar ante los gestos producidos en una vista• Con esta combinación podemos generar feedbacks tactiles realmente buenos
  • CONTENIDO• Introducción • Elementos Visuales• Reconocedores de Gestos
  • ELEMENTOS VISUALES• Todo elemento visual en iOS recordemos que hereda de la clase UIView• La clase UIControl actua como padre de todos los controles, por ejemplo botones, sliders, etc. • Hereda de UIView
  • ELEMENTOS VISUALES - UIBUTTON• Elcontrol más sencillo y de los más empleados en el llamado UIButton• Setrata de un boton al uso que permite una configuración muy profunda del mismo• Podemos asignarle una vista de modo que será la que se muestre en el boton
  • ELEMENTOS VISUALES - UIBUTTON• El constructor por defecto si no se inicializa con InterfaceBuilder es:• + (id)buttonWithType:(UIButtonType)buttonType;• Recibe como parámetro un enum con el tipo: typedef enum { UIButtonTypeCustom = 0, // Sin visualización UIButtonTypeRoundedRect, // Rectangulo blanco redondeado UIButtonTypeDetailDisclosure, UIButtonTypeInfoLight, UIButtonTypeInfoDark, UIButtonTypeContactAdd, } UIButtonType;
  • ELEMENTOS VISUALES - UIBUTTON• Podremos configurarle una imagen personalizada con: • [button setImage:[UIImage imageNamed:@"Imagen"] forState:UIControlStateNormal];•Y el texto con: • [button setTitle:@"Título" forState:UIControlStateNormal];
  • ELEMENTOS VISUALES - UILABEL• Otro sencillo elemento es el UILabel que representa una etiqueta• Permite alterar propiedades con fuente, número de lineas, etc.
  • ELEMENTOS VISUALES - UILABEL• Parte como cualquier UIView de un cuadro:UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 100, 20)];label.text = @"Texto"; // Cambiamos el textolabel.font = [UIFont fontWithName:@"Helvetica-Bold" size:12.0f]; // Cambiamosla fuente
  • ELEMENTOS VISUALES• Existen otros muchos elementos para la entrada y salida de información con un funcionamiento similar a estos • UISlider • UISwitch • UISegmentedControl • UIProgressView
  • CONTENIDO• Introducción• Elementos Visuales • Reconocedores de Gestos
  • RECONOCEDORES DE GESTOS• Los reconocedores de gestos o GestureRecognizers permiten reconocer de manera sencilla los gestos más típicos de la interfaz • Arrastrar, pellizcar, lanzar, etc
  • RECONOCEDORES DE GESTOS 2• Todos los reconocedores de gestos heredan de la clase UIGestureRecognizer. •A partir de esta clase se especializan para un tipo concreto de gesto • Podemos incluso heredar de ella para implementar nuestro propio reconocedor de gestos
  • RECONOCEDORES DE GESTOS 3• Así existen ya predefinidos los siguientes reconocedores de gestos• UIPanGestureRecognizer Reconoce el gesto de arrastrar• UITapGestureRecognizer Reconoce el gesto de tap• UIPinchGestureRecognizer Reconoce el gesto de pellizcar (Zoom)• UIRotationGestureRecognizer Reconoce el gesto de rotar con dos dedos• UISwipeGestureRecognizer Reconoce el gesto de lanzar• UILongPressGestureRecognizer Reconoce el gesto de pulsar y mantener
  • RECONOCEDORES DE GESTOS 4• Para construir un reconocedor de gestor simplemente necesitaremos un objeto de destino y un selector UIGestureRecognizer *recognizer = [[UIGestureRecognizer alloc] initWithTarget:self action:@selector(gestureRecognized:)]; • El selector recibirá como parametro el reconocedor• Para añadirlo a una vista: [view addGestureRecognizer:recognizer];
  • RECONOCEDORES DE GESTOS 5• Esposible definir también un delegate UIGestureRecognizerDelegate con los siguientes métodos: @protocol UIGestureRecognizerDelegate <NSObject> @optional // Retorna YES si debe reconocer gestos - (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer; // Retorna YES si debe reconocer gestos a la vez que otro reconocedor (Ej: Pinch + Rotate) - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer; // Retorna YES si debe reconocer el evento de Touch - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch; @end
  • RECONOCEDORES DE GESTOS 5• Uncampo a tener en cuenta de los reconocedores es state que es un enum con el estado actual del evento enum UIGestureRecognizerState { UIGestureRecognizerStatePossible, UIGestureRecognizerStateBegan, UIGestureRecognizerStateChanged, UIGestureRecognizerStateEnded, UIGestureRecognizerStateCancelled, UIGestureRecognizerStateFailed, UIGestureRecognizerStateRecognized = UIGestureRecognizerStateEnded };
  • FIN