アプリケーション内では、次のようにCAGradientLayer
を使用してセルの背景を設定します。
_retValue = [tableView dequeueReusableCellWithIdentifier:@"Cells" forIndexPath:indexPath];
UIView *bgColorView = [[UIView alloc] init];
bgColorView.backgroundColor = [UIColor blueColor];
bgColorView.layer.masksToBounds = YES;
id startColor = (id)[[UIColor colorWithWhite:0.75 alpha:1] CGColor];
id endColor = (id)[[UIColor blueColor] CGColor];
CAGradientLayer* gradientLayer = [CAGradientLayer layer];
gradientLayer.frame = retValue.contentView.bounds;
gradientLayer.colors = @[startColor,startColor,endColor,endColor];
gradientLayer.locations = @[[NSNumber numberWithFloat:0],
[NSNumber numberWithFloat:0.95],
[NSNumber numberWithFloat:0.95],
[NSNumber numberWithFloat:1]];
[gradientLayer setStartPoint:CGPointMake(0,0.5)];
[gradientLayer setEndPoint:CGPointMake(1,0.5)];
[bgColorView.layer addSublayer:gradientLayer];
retValue.selectedBackgroundView = bgColorView;
_
(このコードは- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
内にあります)
IOS 6では正常に機能しますが、iOS 7では機能しません。新しいiOSでは、グラデーションは常に垂直です(startPointとendPointは無視されます)。
誰かが同じ問題で遭遇しましたか?
ありがとう、
ペリー
この質問はかなり古いですが、私はそれに出くわしたので、他の人もそうするでしょう。次のコードは、バージョン7.0.3のiPhoneシミュレーターで実行される水平グラデーションを生成します。
+ (void)drawGradientOverContainer:(UIView *)container
{
UIColor *transBgColor = [UIColor colorWithWhite:1.0 alpha:0.0];
UIColor *black = [UIColor blackColor];
CAGradientLayer *maskLayer = [CAGradientLayer layer];
maskLayer.opacity = 0.8;
maskLayer.colors = [NSArray arrayWithObjects:(id)black.CGColor,
(id)transBgColor.CGColor, (id)transBgColor.CGColor, (id)black.CGColor, nil];
// Hoizontal - commenting these two lines will make the gradient veritcal
maskLayer.startPoint = CGPointMake(0.0, 0.5);
maskLayer.endPoint = CGPointMake(1.0, 0.5);
NSNumber *gradTopStart = [NSNumber numberWithFloat:0.0];
NSNumber *gradTopEnd = [NSNumber numberWithFloat:0.4];
NSNumber *gradBottomStart = [NSNumber numberWithFloat:0.6];
NSNumber *gradBottomEnd = [NSNumber numberWithFloat:1.0];
maskLayer.locations = @[gradTopStart, gradTopEnd, gradBottomStart, gradBottomEnd];
maskLayer.bounds = container.bounds;
maskLayer.anchorPoint = CGPointZero;
[container.layer addSublayer:maskLayer];
}
コードが機能しない理由はわかりませんが、アンカーポイントを設定しないと、奇妙な動作が発生します。ただし、グラデーションは水平のままです。セルの背景ビューであることに関係している可能性があります。基になるテーブルにグラデーションを適用してみてください。
Swift 4で私は素晴らしい機能拡張を実装しました:
extension UIView {
enum GradientColorDirection {
case vertical
case horizontal
}
func showGradientColors(_ colors: [UIColor], opacity: Float = 1, direction: GradientColorDirection = .vertical) {
let gradientLayer = CAGradientLayer()
gradientLayer.opacity = opacity
gradientLayer.colors = colors.map { $0.cgColor }
if case .horizontal = direction {
gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.0)
gradientLayer.endPoint = CGPoint(x: 1.0, y: 0.0)
}
gradientLayer.bounds = self.bounds
gradientLayer.anchorPoint = CGPoint.zero
self.layer.addSublayer(gradientLayer)
}
}
ちょうど3年後の今、それに出くわしました。この解決策をありがとう、ゴルド。ここにありますSwift 3.0:
func drawGradientOver(container: UIView) {
let transBgColor = UIColor.clear
let black = UIColor.black
let maskLayer = CAGradientLayer()
maskLayer.opacity = 0.8
maskLayer.colors = [black.cgColor, transBgColor.cgColor, transBgColor.cgColor, black.cgColor]
// Hoizontal - commenting these two lines will make the gradient veritcal
maskLayer.startPoint = CGPoint(x: 0.0, y: 0.5)
maskLayer.endPoint = CGPoint(x: 1.0, y: 0.5)
let gradTopStart = NSNumber(value: 0.0)
let gradTopEnd = NSNumber(value: 0.4)
let gradBottomStart = NSNumber(value: 0.6)
let gradBottomEnd = NSNumber(value: 1.0)
maskLayer.locations = [gradTopStart, gradTopEnd, gradBottomStart, gradBottomEnd]
maskLayer.bounds = container.bounds
maskLayer.anchorPoint = CGPoint.zero
container.layer.addSublayer(maskLayer)
}