shimmer的使用

最新推荐文章于 2025-04-12 09:20:15 发布

原创最新推荐文章于 2025-04-12 09:20:15 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

IOS开发专栏收录该内容

59 篇文章

订阅专栏

本文介绍Facebook开源的Shimmer动态提示框库，适用于Android、iOS及Java平台。通过Pod管理轻松集成，示例代码展示如何实现加载中动态效果，采用懒加载提升性能。

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

1、shimmer是一款优秀的动态提示框效果三方库，该库由Facebook开源，同时支持Android、iOS、jiava等的支持。

2、shimmer的使用相当简单，通过pod管理导入到项目即可。

3、具体使用如下代码

#import "ShimmerVC.h"
#import <FBShimmeringView.h>
#import <FBShimmeringLayer.h>
@interface ShimmerVC ()
@property (nonatomic,strong) UILabel *label; ///<
@property (nonatomic,strong)  FBShimmeringView *shimmerView; ///<<#注释#>
@end

@implementation ShimmerVC

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    [self.view addSubview:self.shimmerView];
    // Do any additional setup after loading the view.
}

- (UILabel *)label{
    if (!_label) {
        _label = [[UILabel alloc]initWithFrame:self.shimmerView.bounds];
        _label.textAlignment = 1;
        _label.backgroundColor = [UIColor blackColor];
        _label.text = @"加载中...";
        _label.font = [UIFont systemFontOfSize:32];
        _label.textColor = [UIColor whiteColor];
    }
    return _label;
}

- (FBShimmeringView *)shimmerView{
    if (!_shimmerView) {
        _shimmerView = [[FBShimmeringView alloc]initWithFrame:CGRectMake(0, 200, 300, 90)];
        _shimmerView.center = self.view.center;
        _shimmerView.backgroundColor = [UIColor blackColor];
        _shimmerView.contentView = self.label;
//        //开始闪
        _shimmerView.shimmering = YES;
    }
    return _shimmerView;
}

4、注意项：本demo使用的是懒加载方式，该三方库是为控件加载动态效果，所以控件的视图等于shimmerView的视图大小即可。