Objota O mundo orientado a objetos

Animação fadeIn com UIView

Posted on setembro 13, 2012

Posted by Pedro

Um exemplo simples para realizar a animação de um UIView.

Básicamente criamos uma instancia da Classe UIView e adicionamos ela a ViewController. Após isso aplicamos uma animação de fadein de 2.0 segundos.

Importante lembrar que esse código deve ir dentro do método - (void)viewDidLoad do ViewController

Obs: Isso é um exemplo simples, pois você pode usar diversas outras propriedades que também irá funcionar, como por exemplo: frame, alpha, transform (bastante usado em caso de animação 3D). Outras opções também podem ser adicionadas a animação, como por exemplo um seletor para quando terminar a animação, para quando iniciar a animação, EasyIn, EasyOut, transição, etc.



UIView *minhaView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, 300, 300)] autorelease];
minhaView.backgroundColor = [UIColor redColor];

[self.view addSubview:minhaView];

minhaView.alpha = 0.0;

[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:2.0];

minhaView.alpha = 1.0;

[UIView commitAnimations];



Até a próxima galera!

Utilizando objeto UIView do framework UIkit

Posted on janeiro 6, 2012

Posted by Rodrigo Ireno

A UIView é um objeto visual genérico previsto no framework UIKit. Por tanto qualquer objeto visivel na tela é um UIView ou extende-se a esta classe.
Exemplificando abaixo existe uma implementação com o UIView.

- (void)viewDidLoad
{
 [super viewDidLoad];

 UIView * objetoVisual = [[UIView alloc] initWithFrame:CGRectMake(10, 10, 300, 60)];

 objetoVisual.backgroundColor = [UIColor redColor];

 [self.view addSubview:objetoVisual];

 [objetoVisual release];
}

O UIKit provê uma interface bem definida de objetos, sendo todos focados em suas respectivas funções. Como exemplo: O UIImage, responsável por carregar os dados de uma imagem na memória, e o UIImageView sendo responsável por mostrar a imagem na tela.

Com base nisso podemos concluir (a grosso modo) que todo objeto do UIKit terminado em View faz uso da interface da classe UIView, que mostra objetos na tela. Ironicamente o UIImageView não utiliza o UIView como base, pois é processado de forma diferente por ser uma simples imagem.
Um UIView pode conter "n" elementos visuais dentro dele, ou seja, outros UIView's. Abaixo segue uma implementação com o uso de SubViews (Elementos visuais dentro de outro elemento visual)


- (void)viewDidLoad
{
 [super viewDidLoad];

 UIView * objetoVisual = [[UIView alloc] initWithFrame:CGRectMake(10, 10, 300, 60)];
 objetoVisual.backgroundColor = [UIColor redColor];

 UIView * subElemento = [[UIView alloc] initWithFrame:CGRectMake(10, 10, 200, 40)];
 subElemento.backgroundColor = [UIColor blueColor];

 [objetoVisual addSubview:subElemento];

 [self.view addSubview:objetoVisual];

 [objetoVisual release];
 [subElemento release];
}

Nota: É muito interessante checar a documentação, pois ela possui uma boa definição de toda a interface, sendo alguns casos exemplificados com implementações.

Terminamos por aqui, bons estudos.