Entendimento iOS Animação

Felizmente, a maioria do que você precisa fazer, na medida do iOS animação está em causa já está embutido no quadro. Algumas propriedades de vista pode ser animada (o ponto central, por exemplo), o que significa que você só precisa dizer a vista por onde começar e onde terminar, e alguns outros parâmetros opcionais, e está feito.

A vista em si (na UIView classe base) tem a funcionalidade para animar o movimento. Para lhe dar algum contexto em que para entender como animação no iPhone e iPad funciona, no entanto, você precisa entender o que se passa nos bastidores 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 padrão do sistema de coordenadas 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. Coordenam 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.

A figura mostra este sistema de coordenadas em relação à tela do iPad. 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 em relação à vista em vez de em relação à tela.

O sistema em uma tela de iPad coordenadas (com vista split).
O sistema em uma tela de iPad coordenadas (com vista split).

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. Ele soa ameaçador, mas não é realmente um grande negócio depois que você entrar no ritmo de trabalhar com os sistemas de coordenadas.

Pontos contra pixels

Ok, então onde é que a tela de alta resolução entrar?

No iOS, todos os valores das coordenadas e distâncias são especificados usando valores de ponto flutuante em unidades conhecido como pontos. O tamanho mensurável de um ponto varia de dispositivo para dispositivo e é em grande parte irrelevante. A principal coisa a entender sobre pontos é que eles fornecem um quadro fixo de referência para o desenho.

Por exemplo, as dimensões da tela (largura x altura) para o iPhone 4s é de 480 x 320 pontos e para o iPad são 1024 x 768 pontos.

Assim, embora um iPhone 4s com tela Retina tem um 960-by-640pixels resolução (uma densidade de pixels de 326 pixels por polegada [ppi]) e um display Retina não tem um 480-por-320-pixels resolução (163 ppi), contanto que você projetar sua interface para ajustar os tamanhos de tela em pontos, seus pontos de vista serão exibidos corretamente no tipo correspondente do dispositivo. Os mesmos princípios se aplicam com os não-Retina e tela Retina no iPad.

A conclusão aqui é, # 147-Não se preocupe com o concentrado resolution- em pontos e você vai ficar bem # 148.;

tamanho e posição de uma vista

localização de um objeto de exibição em um sistema de coordenadas é calculada usando-se a sua quadro ou o seu centro propriedade:

  • o quadro propriedade contém o retângulo de quadro, que especifica o tamanho ea localização da vista em Sua super visão do sistema de coordenadas.

  • o centro propriedade contém o ponto central conhecido da visão na sua super-visão do sistema de coordenadas.

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) na próprio sistema de coordenadas local da vista.

A figura mostra a quadro de vista principal do iPad (não o ponto de vista de imagem) com uma origem de x = 0 e Y = 20. O seu tamanho é mostrado como largura = 320 e height = 460. A razão que a sua origem está em Y = 20 é que sua estrutura está em suas coordenadas de janela (seu ponto de vista super), e ele tem de partilhar a janela com a barra de status, que é, como se poderia deduzir, 20 pixels de altura.

menu