设备旋转时如何使UIView阴影拉伸?

问题描述 投票:2回答:3

在自定义的tableview单元格中,我正在绘制一个带阴影的简单矩形,如下所示:

photoBorder = [[[UIView alloc] initWithFrame:CGRectMake(4, 4, self.frame.size.width-8, 190)] autorelease];
photoBorder.autoresizingMask = UIViewAutoresizingFlexibleWidth;
photoBorder.backgroundColor = [UIColor whiteColor];
photoBorder.layer.masksToBounds = NO;
photoBorder.layer.shadowOffset = CGSizeMake(0, 1);
photoBorder.layer.shadowRadius = 4;
photoBorder.layer.shadowOpacity = 1.0;
photoBorder.layer.shadowColor = [UIColor darkGrayColor].CGColor;
photoBorder.layer.shouldRasterize = YES;
photoBorder.layer.shadowPath = [UIBezierPath bezierPathWithRect:photoBorder.bounds].CGPath; // this line seems to be causing the problem

这在视图首次加载时工作正常。但是,旋转设备时,阴影保持相同的大小。我真的很喜欢它延伸到“photoBorder”的新宽度。

我可以通过删除shadowPath来实现它,但是tableview会有明显的性能影响。

任何人都有任何关于在UIView上制作阴影的提示,可以延伸,而不会失去性能?

ios uiview shadow autoresizingmask
3个回答
6
投票

在搜索了几个小时而没有找到任何东西之后,我发布了这个。几分钟后找到答案。

对我来说,简单的解决方案似乎只是将shadowPath移动到layoutSubviews中。

- (void)layoutSubviews{
    photoBorder.layer.shadowPath = [UIBezierPath bezierPathWithRect:photoBorder.bounds].CGPath;
}

0
投票

为了提高性能,您可以使用Core Graphics绘制内部阴影。

Inner shadow effect on UIView layer


0
投票

您需要创建UIView的子类,以便可以在layoutSubviews()方法中获取新边界。

注意:如果您尝试在拥有子视图的ViewController中添加此代码,则在旋转时边界将保持静态,这会导致错误的shadowPath。

import UIKit

class BackgroundView: UIView {

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    override func layoutSubviews() {
        super.layoutSubviews()
        updateShadow(on: self)
    }

    func updateShadow(on background: UIView) {
        let layer = background.layer
        layer.shadowPath = UIBezierPath(rect: background.bounds).cgPath
        layer.masksToBounds = false
        layer.shadowColor = UIColor.black.cgColor
        layer.shadowOffset = CGSize(width: 0, height: 2)
        layer.shadowRadius = 4
        layer.shadowOpacity = 0.22
    }

}
  1. 确保调用super.layoutSubviews()来处理任何自动布局约束。
  2. 您可以在Storyboard文件中设置自定义类。
© www.soinside.com 2019 - 2024. All rights reserved.