Прозрачный эффект на UITableView в iOS 7

Question

Привет, мне нужна помощь от вас, ребята, я новичок в разработке iOS, и я начал свое приложение в iOS 6, поэтому я пытаюсь реализовать новый полупрозрачный эффект в своем UITableView.

Проблема в том, что я не могу это сделать, я уверен, что это возможно, потому что это поведение нового пятна света.

I'v пытался установить характеристики UITableView, alpha, opaque, bacground и ничего не работает.

Можете ли вы указать мне правильное направление.

Заранее спасибо.

Answer 1

OK !! Это то, что я искал, первое решение было в порядке, но это не повлияло на эффект Gaussian Blur, поэтому первое, что вам нужно сделать, это добавить новый .m и .h файл с кодом я пишу здесь, тогда вы должны сделать и сделать снимок, использовать желаемый эффект и добавить его в свой вид, тогда ваш UITable должен быть прозрачным (как в предыдущем ответе), вы можете играть с applyBlurWithRadius и с помощью [UIColor colorWithWhite: 1.0 alpha: 0.5], чтобы архивировать желаемый эффект, этот вызов работает с любым UIImage.

Для этой работы необходимо добавить следующие библиотеки:

Acelerate.framework, UIKit.framework, CoreGraphics.framework

Я надеюсь, вам понравится.

Счастливое кодирование.

Использование:

UIGraphicsBeginImageContext(self.view.bounds.size); 

CGContextRef c = UIGraphicsGetCurrentContext(); 
CGContextTranslateCTM(c, 0, 0); 
[self.view.layer renderInContext:c]; 

UIImage* viewImage = UIGraphicsGetImageFromCurrentImageContext(); 
viewImage = [viewImage applyLightEffect]; 

UIGraphicsEndImageContext(); 

UIImage + ImageEffects.h

#import <UIKit/UIKit.h> 

@interface UIImage (ImageEffects) 

- (UIImage *)applyLightEffect; 
- (UIImage *)applyExtraLightEffect; 
- (UIImage *)applyDarkEffect; 
- (UIImage *)applyTintEffectWithColor:(UIColor *)tintColor; 

- (UIImage *)applyBlurWithRadius:(CGFloat)blurRadius tintColor:(UIColor *)tintColor saturationDeltaFactor:(CGFloat)saturationDeltaFactor maskImage:(UIImage *)maskImage; 

@end 

UIImage + ImageEffects.m

#import "cGaussianEffect.h" 
#import <Accelerate/Accelerate.h> 
#import <float.h> 


@implementation UIImage (ImageEffects) 


- (UIImage *)applyLightEffect 
{ 
    UIColor *tintColor = [UIColor colorWithWhite:1.0 alpha:0.3]; 
    return [self applyBlurWithRadius:1 tintColor:tintColor saturationDeltaFactor:1.8 maskImage:nil]; 
} 


- (UIImage *)applyExtraLightEffect 
{ 
    UIColor *tintColor = [UIColor colorWithWhite:0.97 alpha:0.82]; 
    return [self applyBlurWithRadius:1 tintColor:tintColor saturationDeltaFactor:1.8 maskImage:nil]; 
} 


- (UIImage *)applyDarkEffect 
{ 
    UIColor *tintColor = [UIColor colorWithWhite:0.11 alpha:0.73]; 
    return [self applyBlurWithRadius:1 tintColor:tintColor saturationDeltaFactor:1.8 maskImage:nil]; 
} 


- (UIImage *)applyTintEffectWithColor:(UIColor *)tintColor 
{ 
    const CGFloat EffectColorAlpha = 0.6; 
    UIColor *effectColor = tintColor; 
    int componentCount = CGColorGetNumberOfComponents(tintColor.CGColor); 
    if (componentCount == 2) { 
     CGFloat b; 
     if ([tintColor getWhite:&b alpha:NULL]) { 
      effectColor = [UIColor colorWithWhite:b alpha:EffectColorAlpha]; 
     } 
    } 
    else { 
     CGFloat r, g, b; 
     if ([tintColor getRed:&r green:&g blue:&b alpha:NULL]) { 
      effectColor = [UIColor colorWithRed:r green:g blue:b alpha:EffectColorAlpha]; 
     } 
    } 
    return [self applyBlurWithRadius:10 tintColor:effectColor saturationDeltaFactor:-1.0 maskImage:nil]; 
} 


- (UIImage *)applyBlurWithRadius:(CGFloat)blurRadius tintColor:(UIColor *)tintColor saturationDeltaFactor:(CGFloat)saturationDeltaFactor maskImage:(UIImage *)maskImage 
{ 
    if (self.size.width < 1 || self.size.height < 1) { 
     NSLog (@"*** error: invalid size: (%.2f x %.2f). Both dimensions must be >= 1: %@", self.size.width, self.size.height, self); 
     return nil; 
    } 
    if (!self.CGImage) { 
     NSLog (@"*** error: image must be backed by a CGImage: %@", self); 
     return nil; 
    } 
    if (maskImage && !maskImage.CGImage) { 
     NSLog (@"*** error: maskImage must be backed by a CGImage: %@", maskImage); 
     return nil; 
    } 

    CGRect imageRect = { CGPointZero, self.size }; 
    UIImage *effectImage = self; 

    BOOL hasBlur = blurRadius > __FLT_EPSILON__; 
    BOOL hasSaturationChange = fabs(saturationDeltaFactor - 1.) > __FLT_EPSILON__; 
    if (hasBlur || hasSaturationChange) { 
     UIGraphicsBeginImageContextWithOptions(self.size, NO, [[UIScreen mainScreen] scale]); 
     CGContextRef effectInContext = UIGraphicsGetCurrentContext(); 
     CGContextScaleCTM(effectInContext, 1.0, -1.0); 
     CGContextTranslateCTM(effectInContext, 0, -self.size.height); 
     CGContextDrawImage(effectInContext, imageRect, self.CGImage); 

     vImage_Buffer effectInBuffer; 
     effectInBuffer.data  = CGBitmapContextGetData(effectInContext); 
     effectInBuffer.width = CGBitmapContextGetWidth(effectInContext); 
     effectInBuffer.height = CGBitmapContextGetHeight(effectInContext); 
     effectInBuffer.rowBytes = CGBitmapContextGetBytesPerRow(effectInContext); 

     UIGraphicsBeginImageContextWithOptions(self.size, NO, [[UIScreen mainScreen] scale]); 
     CGContextRef effectOutContext = UIGraphicsGetCurrentContext(); 
     vImage_Buffer effectOutBuffer; 
     effectOutBuffer.data  = CGBitmapContextGetData(effectOutContext); 
     effectOutBuffer.width = CGBitmapContextGetWidth(effectOutContext); 
     effectOutBuffer.height = CGBitmapContextGetHeight(effectOutContext); 
     effectOutBuffer.rowBytes = CGBitmapContextGetBytesPerRow(effectOutContext); 

     if (hasBlur) { 
      CGFloat inputRadius = blurRadius * [[UIScreen mainScreen] scale]; 
      NSUInteger radius = floor(inputRadius * 3. * sqrt(2 * M_PI)/4 + 0.5); 
      if (radius % 2 != 1) { 
       radius += 1; 
      } 
      vImageBoxConvolve_ARGB8888(&effectInBuffer, &effectOutBuffer, NULL, 0, 0, radius, radius, 0, kvImageEdgeExtend); 
      vImageBoxConvolve_ARGB8888(&effectOutBuffer, &effectInBuffer, NULL, 0, 0, radius, radius, 0, kvImageEdgeExtend); 
      vImageBoxConvolve_ARGB8888(&effectInBuffer, &effectOutBuffer, NULL, 0, 0, radius, radius, 0, kvImageEdgeExtend); 
     } 
     BOOL effectImageBuffersAreSwapped = NO; 
     if (hasSaturationChange) { 
      CGFloat s = saturationDeltaFactor; 
      CGFloat floatingPointSaturationMatrix[] = { 
        0.0722 + 0.9278 * s, 0.0722 - 0.0722 * s, 0.0722 - 0.0722 * s, 0, 
        0.7152 - 0.7152 * s, 0.7152 + 0.2848 * s, 0.7152 - 0.7152 * s, 0, 
        0.2126 - 0.2126 * s, 0.2126 - 0.2126 * s, 0.2126 + 0.7873 * s, 0, 
            0,     0,     0, 1, 
      }; 
      const int32_t divisor = 256; 
      NSUInteger matrixSize = sizeof(floatingPointSaturationMatrix)/sizeof(floatingPointSaturationMatrix[0]); 
      int16_t saturationMatrix[matrixSize]; 
      for (NSUInteger i = 0; i < matrixSize; ++i) { 
       saturationMatrix[i] = (int16_t)roundf(floatingPointSaturationMatrix[i] * divisor); 
      } 
      if (hasBlur) { 
       vImageMatrixMultiply_ARGB8888(&effectOutBuffer, &effectInBuffer, saturationMatrix, divisor, NULL, NULL, kvImageNoFlags); 
       effectImageBuffersAreSwapped = YES; 
      } 
      else { 
       vImageMatrixMultiply_ARGB8888(&effectInBuffer, &effectOutBuffer, saturationMatrix, divisor, NULL, NULL, kvImageNoFlags); 
      } 
     } 
     if (!effectImageBuffersAreSwapped) 
      effectImage = UIGraphicsGetImageFromCurrentImageContext(); 
     UIGraphicsEndImageContext(); 

     if (effectImageBuffersAreSwapped) 
      effectImage = UIGraphicsGetImageFromCurrentImageContext(); 
     UIGraphicsEndImageContext(); 
    } 

    UIGraphicsBeginImageContextWithOptions(self.size, NO, [[UIScreen mainScreen] scale]); 
    CGContextRef outputContext = UIGraphicsGetCurrentContext(); 
    CGContextScaleCTM(outputContext, 1.0, -1.0); 
    CGContextTranslateCTM(outputContext, 0, -self.size.height); 

    CGContextDrawImage(outputContext, imageRect, self.CGImage); 

    if (hasBlur) { 
     CGContextSaveGState(outputContext); 
     if (maskImage) { 
      CGContextClipToMask(outputContext, imageRect, maskImage.CGImage); 
     } 
     CGContextDrawImage(outputContext, imageRect, effectImage.CGImage); 
     CGContextRestoreGState(outputContext); 
    } 

    if (tintColor) { 
     CGContextSaveGState(outputContext); 
     CGContextSetFillColorWithColor(outputContext, tintColor.CGColor); 
     CGContextFillRect(outputContext, imageRect); 
     CGContextRestoreGState(outputContext); 
    } 

    UIImage *outputImage = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 

    return outputImage; 
} 

Answer 2

попробовать этот фрагмент кода

cell.contentView.backgroundColor = [UIColor clearColor]; 
cell.backgroundColor = [UIColor colorWithWhite:1.0 alpha:0.5]; 

Answer 3

Это решит все мои проблемы, dValue является JSON, откуда я получаю счетчик (все вещи, чтобы заполнить UITable), поэтому, когда я меньше чем за 7 элементы я просто изменяю значения настраиваемой ячейки в Nil и сохраняю эффект размытости фона.

Вы можете изменить эффект, изменив цвет.

Надеюсь, это будет полезно.

Счастливое кодирование.

(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{ 
    //Change the number of rows. 
    return (dValue.count <= 7) ? 7 : dValue.count; 
} 

(BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath { 
    //To avoid editing. 
    return NO; 
} 

(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{ 

    //Get JSON data. 
    NSString *jsonPath = [[NSBundle mainBundle] pathForResource:_JsonConfigFile ofType:@"json"]; 
    NSData *data = [NSData dataWithContentsOfFile:jsonPath]; 

    NSDictionary *dConfiguration =[NSJSONSerialization JSONObjectWithData:data options:kNilOptions error:nil]; 

    //Get custom cell. 
    vcCellEventsController *cCell = [tableView dequeueReusableCellWithIdentifier:@"Cell"]; 

    if (dValue.count > indexPath.row) { 
     dValue = [[dConfiguration objectForKey:sButtonType] objectAtIndex:indexPath.row]; 

     //Change color and set transparency. 
     cCell.contentView.backgroundColor = [UIColor clearColor]; 
     cCell.backgroundColor = [UIColor colorWithWhite:1.0 alpha:0.5]; 
     //Fill all the custom stuff. 
     cCell.ivImage.image = [UIImage imageNamed:[dValue objectForKey:@"Image"]]; 
     cCell.tcText.text = [dValue objectForKey:@"Label"]; 
    } 
    else { 
     //Avoid user interaction and change the accessory. 
     [cCell setUserInteractionEnabled:NO]; 
     [cCell setAccessoryType:UITableViewCellAccessoryNone]; 
     //Change color and set transparency. 
     cCell.contentView.backgroundColor = [UIColor clearColor]; 
     cCell.backgroundColor = [UIColor colorWithWhite:1.0 alpha:0.5]; 
     //Set all the custom stuff to nil. 
     cCell.ivImage.image = Nil; 
     cCell.tcText.text = Nil; 
    } 

    return cCell; 
}