UITableView 顶部和底部阴影

Question

在我的其中一个视图中，我使用 UIWebView，我喜欢背景视图顶部和底部以及滚动区域顶部和底部的默认阴影效果。

时钟应用程序中也有相同的内容，具有自定义背景（带有世界地图的蓝线），因此我猜也可以使用 UITableView...

这是我的网络视图，我想添加到表视图。我的网页视图：

所以我在此处添加了自定义背景（浅灰色纹理）。这是另一个视图的下面，我添加了相同的背景，但正如你所看到的，没有阴影......我猜它不是 UIScrollView 的内置效果。有没有办法对表视图执行相同的操作？

我的表格视图：

更新 1：

我发现这篇很棒的文章 UITableView 阴影 但没有阴影视图的底部。

Answer 1

视图的一个基本部分是它的层，即 CALayer。您可以通过视图的图层属性来访问它：

myView.layer

在文档中，CALayers 有几个控制阴影的属性。您应该能够告诉导航栏的图层投射阴影。以及您想要投射阴影的任何其他内容的图层。

myView.layer.shadowOffset
myView.layer.shadowRadius

您需要确保将 QuartzCore 框架添加到您的项目中才能访问此属性。

Answer 2

这是我的 Swift 代码，我认为它运行良好：

func shadowView (view : UIView , r : CGFloat, gr : CGFloat , b : CGFloat , header : Bool)
    {
        let bottomColor = UIColor (red: r/255 , green: gr/255 , blue: b/255 , alpha: 0)

        //var bottomColor = UIColor ( red: (r/255), green : (g/255), blue : (b/255), alpha : 0)
        //var topColor = UIColor ( red: (r/255), green : (g/255), blue : (b/255), alpha : 1)
        let topColor = UIColor (red: r/255, green: gr/255, blue: b/255, alpha: 1)
        var arrayColors: [CGColor] = [
            topColor.CGColor,
            bottomColor.CGColor
        ]

        if header
        {
            let headerShadow: CAGradientLayer = CAGradientLayer()

            headerShadow.frame = CGRect(x: 0, y: 0, width: UIScreen.mainScreen().bounds.width, height: view.frame.size.height)
            headerShadow.colors = arrayColors
            view.layer.insertSublayer(headerShadow, atIndex: 1)
        } else
        {
            let footerShadow: CAGradientLayer = CAGradientLayer()

            arrayColors  = [
                bottomColor.CGColor,
                topColor.CGColor
            ]
            footerShadow.frame = CGRect(x: 0, y: 0 , width: UIScreen.mainScreen().bounds.width, height: view.frame.size.height)
            footerShadow.colors = arrayColors
            view.layer.insertSublayer(footerShadow, atIndex: 1)
        }
    }

Answer 3

这适用于 UITableViewController 和 UIViewController。
在我的 viewDidLoad: 中，我使用以下代码：

[self.view addSubview:[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"shadow.png"]]];

这将在导航栏下方添加阴影。

这是我在 Photoshop 中拼凑而成的影子：

[email protected]：


Answer 4

我的代码。例如，页脚中的阴影：

- (UIView*)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
    UIView *footerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0,tableView.bounds.size.width, 11)];

    UIImageView *shadow = [[UIImageView alloc] initWithImage:[UIImage 
                                                  imageNamed:@"tableHeaderBottom"]];
    [shadow sizeToFit];
    [footerView addSubview:shadow];

    return footerView;
}

- (void)viewDidLoad
{
    [self.tableView setContentInset:UIEdgeInsetsMake(0, 0, -11, 0)];
    [super viewDidLoad];
}

图像：

对于标题：使用相同的代码，但只需垂直翻转图像并使用 viewForHeaderInSection在第一部分 (0)。