tableView自定义背景图结合masonry毛玻璃特效

最新推荐文章于 2021-08-20 14:27:34 发布

biglazyturtle

最新推荐文章于 2021-08-20 14:27:34 发布

阅读量702

点赞数

CC 4.0 BY-SA版权

文章标签： uiimageview uiimage 图片

本文链接：https://blog.youkuaiyun.com/biglazyturtle/article/details/50851076

通过代码实现UITableView自定义背景图片，并结合Masonry实现毛玻璃效果，同时去除cell底色，让界面呈现独特视觉体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

完美主义者都喜欢自定义。tableView背景图虽然storyboard 没有更换backgroundView但可以用万能的代码实现自定义，

如果定义了backgroundView背景颜色，就不会显示自定义的背景图。

结合masonry冇玻璃特效和去除tableView 上的cell 底色发觉会眼前一亮；

为tableView .backgroundView添加自定义图片：

-(void)viewDidLoad{
    [super viewDidLoad];
    UIImageView * backImageView = [[UIImageView alloc]initWithFrame:self.view.bounds];
    [backImageView setImage:[UIImage imageNamed:@"54541570_p0_master1200.jpg"]];
    self.tableView.backgroundView = backImageView;
    [self setupLoad];

继上面用masonry添加冇玻璃特效：

-(void)setupLoad{
    
    UIVisualEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
    UIVisualEffectView *effectView = [[UIVisualEffectView alloc]initWithEffect:blurEffect];
    [self.tableView.backgroundView addSubview:effectView];
    [effectView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.mas_equalTo(UIEdgeInsetsMake(0, 0, 0, 0));
    }];

然后在tableView cell上添加去除底色一句：

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    ListingViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"ListingViewCell" forIndexPath:indexPath];
    
    cell.backgroundColor = [UIColor clearColor];
    MusicModel *mode = self.data[indexPath.row];
    cell.data = mode;
    return cell;

上面只是添加一句

cell.backgroundColor = [UIColor clearColor];