Как сделать эффект слепого изображения для IOS? - PullRequest
Новая
       49

Как сделать эффект слепого изображения для IOS?

0 голосов
/ 20 декабря 2011

Я хочу, чтобы, когда я катил iPad, изображение ослепляло вверх / вниз.Эффект должен быть похож на

http://madrobby.github.com/scriptaculous/combination-effects-demo/ Демонстрация Blind Down.

Как я могу это сделать?

Я попробовал пример Apple с отражением, но у меня были проблемы с производительностью, так какЯ должен перерисовывать изображение в каждом действии гироскопа.

Вот код: 

- (void)viewDidLoad
{
[super viewDidLoad];
tmp = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"galata2.jpg"]];
// Do any additional setup after loading the view, typically from a nib.
NSUInteger reflectionHeight = imageView1.bounds.size.height * 1;


imageView1 =  [[UIImageView alloc] init];
imageView1.image = [UIImage imageNamed:@"galata1.jpg"];
[imageView1 sizeToFit];
[self.view addSubview:imageView1];

imageView2 =  [[UIImageView alloc] init];
//UIImageView *tmp = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"galata2.jpg"]];
imageView2.image = [UIImage imageNamed:@"galata2.jpg"];

[imageView2 sizeToFit];



[self.view addSubview:imageView2];

motionManager = [[CMMotionManager alloc] init];
motionManager.gyroUpdateInterval = 1.0/10.0;
[motionManager startDeviceMotionUpdatesToQueue:[NSOperationQueue currentQueue]
                                   withHandler: ^(CMDeviceMotion *motion, NSError *error){

                                       [self      performSelectorOnMainThread:@selector(handleDeviceMotion:) withObject:motion    waitUntilDone:YES];

                                   }];

}

//// 

- (void)handleDeviceMotion:(CMDeviceMotion*)motion{
CMAttitude *attitude = motion.attitude;
int rotateAngle = abs((int)degrees(attitude.roll));
//CMRotationRate rotationRate = motion.rotationRate;
NSLog(@"rotation rate = [Pitch: %f, Roll: %d, Yaw: %f]", degrees(attitude.pitch), abs((int)degrees(attitude.roll)), degrees(attitude.yaw));
int section = (int)(rotateAngle / 30);
int x = rotateAngle % 30;

NSUInteger reflectionHeight = (1024/30)*x;
NSLog(@"[x = %d]", reflectionHeight);
imageView2.image = [self reflectedImage:tmp withHeight:reflectionHeight];   
}

//// 

- (UIImage *)reflectedImage:(UIImageView *)fromImage withHeight:(NSUInteger)height
{
if(height == 0)
    return nil;    


// create a bitmap graphics context the size of the image
CGContextRef mainViewContentContext = MyCreateBitmapContext(fromImage.bounds.size.width, fromImage.bounds.size.height);


// create a 2 bit CGImage containing a gradient that will be used for masking the 
// main view content to create the 'fade' of the reflection.  The CGImageCreateWithMask
// function will stretch the bitmap image as required, so we can create a 1 pixel wide gradient
CGImageRef gradientMaskImage = CreateGradientImage(1, kImageHeight);

// create an image by masking the bitmap of the mainView content with the gradient view
// then release the  pre-masked content bitmap and the gradient bitmap
CGContextClipToMask(mainViewContentContext, CGRectMake(0.0, 0.0, fromImage.bounds.size.width,height), gradientMaskImage);
CGImageRelease(gradientMaskImage);

// In order to grab the part of the image that we want to render, we move the context origin to the
// height of the image that we want to capture, then we flip the context so that the image draws upside down.
//CGContextTranslateCTM(mainViewContentContext, 0.0,0.0);
//CGContextScaleCTM(mainViewContentContext, 1.0, -1.0);


// draw the image into the bitmap context
CGContextDrawImage(mainViewContentContext, CGRectMake(0, 0, fromImage.bounds.size.width, fromImage.bounds.size.height), fromImage.image.CGImage);

// create CGImageRef of the main view bitmap content, and then release that bitmap context
CGImageRef reflectionImage = CGBitmapContextCreateImage(mainViewContentContext);
CGContextRelease(mainViewContentContext);

// convert the finished reflection image to a UIImage 
UIImage *theImage = [UIImage imageWithCGImage:reflectionImage];

// image is retained by the property setting above, so we can release the original
CGImageRelease(reflectionImage);

return theImage;
}

1 Ответ

1 голос
/ 21 декабря 2011

Один из способов сделать это - использовать другой вид покрытия, который постепенно изменяет высоту анимацией;

Если у вас есть вид с именем theView, который вы хотите покрыть, попробуйте что-то вроде этого, чтобы открыть вид под видом обложки: 

UIView *coverView = [UIView alloc] initWithFrame:theView.frame];
coverView.backgroundcolor = [UIColor whiteColor];
[theView.superView addSubView:coverView];  // this covers theView, adding it to the same view that the view is contained in;
CGRect newFrame = theView.frame;
newFrame.size.height = 0;
newFrame.origin.y = theView.origin.y + theView.size.height;
[UIView animateWithDuration:1.5
                      delay: 0.0
                    options: UIViewAnimationOptionRepeat
                 animations:^{
                     coverView.frame = newFrame;
                 }
                 completion:nil
                 ];

Это должно охватывать вид, а затем раскрывать его, меняя рамку крышки, перемещая ее вниз при изменении высоты.

Я не пробовал код, но это одно из направлений, которое вы можете использовать, чтобы создать слепой эффект. Я часто использовал подобный код, и с ним очень легко работать. Кроме того, это не требует знания основной анимации.

...