iOS 7中UITableView的半透明效果[关闭]
Posted
技术标签:
【中文标题】iOS 7中UITableView的半透明效果[关闭]【英文标题】：Translucent effect on UITableView in iOS 7 [closed] 【发布时间】：2013-09-23 06:45:24 【问题描述】：大家好，我需要你们的帮助，我是 ios 开发新手，我在 iOS 6 中启动了我的应用程序，所以我正在尝试在我的 UITableView 中实现新的半透明效果。
问题是我做不到，我确信这是可能的，因为这是新聚光灯的行为。
我尝试设置 UITableView、alpha、opaque、bacground 的特征，但似乎没有任何效果。
你能指出我正确的方向吗？
提前致谢。
【问题讨论】：
查看此链接，***.com/questions/7601654/… 【参考方案1】：好的！！这就是我一直在寻找的，第一个解决方案还可以，但它没有产生正确的效果，即高斯模糊，所以你要做的第一件事就是添加一个新的 .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;
【讨论】：
【参考方案2】：试试这个代码sn-p
cell.contentView.backgroundColor = [UIColor clearColor];
cell.backgroundColor = [UIColor colorWithWhite:1.0 alpha:0.5];
【讨论】：
谢谢！！这就是我所需要的，但现在我在 UITable 的末尾得到了空的透明线，我仍然对此感到迷茫。【参考方案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;
【讨论】：
以上是关于iOS 7中UITableView的半透明效果[关闭]的主要内容，如果未能解决你的问题，请参考以下文章
分组 UITableView 的半透明 UITableViewCell？