Noções básicas de animação para seu aplicativo ios

Felizmente, a maioria do que você precisa fazer, tanto quanto iOS animação está em causa já está embutido no quadro. Algumas propriedades de vista pode ser animado, o que significa que você só precisa dizer a vista por onde começar e onde terminar o seu movimento, e alguns outros parâmetros opcionais, e está feito. A vista em si (na UIView

classe de base) tem a funcionalidade para animar o movimento.

Para lhe dar algum contexto em que entender como animação no iPhone e iPad funciona, no entanto, você precisa entender o que se passa sob o capô quando um quadro cuida das tarefas de animação para você. Mais especificamente, é preciso aprofundar um pouco mais em vista, suas propriedades, e os sistemas no iPad coordenadas.

Ver geometria e sistemas de coordenadas

O sistema de coordenadas padrão no UIKit coloca sua origem no canto superior esquerdo e tem eixos que se estendem para baixo e para a direita do ponto de origem. Coordenar valores são representados usando números de ponto flutuante, e você não precisa se preocupar com a tela resolution- os quadros cuidar disso automaticamente.

Além do sistema de tela de coordenar, vista definir os seus próprios sistemas de coordenadas locais que permitem que você especifique as coordenadas relação à vista em vez de em relação à tela. Na prática, muitas vezes você fazer as duas coisas dependendo do que você está tentando fazer.

Porque cada vista e janela define o seu próprio sistema de coordenadas local, sempre que você está desenhando ou lidar com as coordenadas, você precisa prestar atenção para que o sistema que você está usando coordenadas. Isso soa ameaçador, mas não é realmente um grande negócio depois de entrar no ritmo de trabalhar com os sistemas de coordenadas.

Video: iOS7 - Animação na instalação de aplicativos

Pontos contra pixels

Ok, então onde é que visor de alta resolução Retina entrar?

Todos os valores de coordenadas e as distâncias são especificados usando valores de ponto flutuante em unidades denominado pontos. A principal coisa a entender sobre pontos é que eles fornecem um quadro fixo de referência para o desenho. Essa estrutura de referência fixa é derivada do facto de que um ponto é 1/72 de polegada. (Isto foi definido para o Macintosh original e LaserWriter. Um ponto é uma unidade comummente aceite de comprimento.)

O Macintosh original tinha uma resolução de tela de 72 pixels por polegada (PPI). Isto significava que pontos e pixels eram idênticos. No entanto, ao longo do tempo, a tecnologia avançou e agora o tamanho do pixel e densidade (PPI) mudaram. Não mais que a maioria dos dispositivos realmente tem 72 PPI, mas porque pixels e pontos foram usados ​​alternadamente, a chegada de monitores de alta densidade, como a tela Retina tem causado confusão.

Quando você está falando sobre o tamanho ou localização, provavelmente você está falando em pontos. Se você está falando sobre a resolução da imagem que você vai colocar em um objeto com um determinado tamanho ou localização, provavelmente você está falando em pixels. Num ecrã Retina, sua imagem terá o dobro de pixels que você tem em uma tela não-Retina, e você provavelmente usa um arquivo PNG separado.

Mantenha essa distinção em mente, especialmente quando você está olhando para documentação antiga (pré-2013). Você tem que classificar para fora quando “pixel” significa pixels e quando isso significa ponto. Alguns desenvolvedores usar como uma regra básica “Xcode = pontos e Photoshop = pixels.” Isso é uma generalização e não é verdade em todos os casos, mas como generalizações ir, é geralmente direita.

o tamanho e posição de uma vista

A localização do objecto vista em um sistema de coordenadas é determinada utilizando quer o seu quadro, armação ou seu centro propriedade:

• o quadro, armação propriedade contém o rectângulo quadro, o que especifica o tamanho e localização da vista na sua superview sistema de coordenadas.

• o centro propriedade contém o ponto central conhecido da visão em sua superview do sistema de coordenadas.

  Video: Dica de app: #8 Easy Studio - Crie animações pelo iPhone/iPad/iPod (1080p HD)

Em suas andanças, você pode um dia encontrar o limites propriedade. Ele está amarrado com o retângulo de limites, que especifica o tamanho do ponto de vista (e sua origem de conteúdo) no próprio sistema de coordenadas local de vista.

Video: Aplicativo SENSACIONAL que NÃO pode faltar no seu CELULAR (crie animações incríveis)

A visão coordenadas definido para a localização do seu ponto de vista no Interface Builder estão em pontos. As coordenadas começar a partir de 0,0 no canto superior esquerdo e aumentar à medida que você vai para baixo e para a direita. Você costuma colocar seus objetos abaixo da barra de status de 20 pontos, mas com iOS 7, vistas podem aparecer através de uma navegação ou barra de ferramentas, assim você pode colocá-los ainda mais baixo se você não quer que eles mostrando completamente.

Trabalhando com estruturas de dados

Além de saber o que vai aonde, você precisa entender como estruturas de dados impacto como você trabalhar com pontos de vista.

o quadro, armação é um CGRect - uma struct (Um tipo de linguagem C, que agrega variáveis ​​conceptualmente relacionados em um único tipo) com uma origem e uma Tamanho que são compostos de CGPoints. CG aqui representa Core Graphics, um dos quadros incluídos pelo Xcode quando seleccionou o modelo de Aplicação-View Single. O código a seguir mostra o CGRect struct:

struct CGRect {tamanho CGPoint origem-CGSize -} -

A origem é um CGPoint com um X e y valor, e um CGSize é um CGPoint com um largura e altura valor. O código a seguir mostra o CGPoint struct:

Video: Grave e edite vídeos direto no seu iPhone e iPad!

struct CGPoint {CGFloat x-CGFloat y -} - {struct CGSize CGFloat largura-altura CGFloat -} -

Da mesma forma, o centro propriedade é um CGPoint. E isso é tudo que você precisa saber sobre as estruturas de dados que você vai usar.