iOS怎么为导航栏添加播放动画-创新互联
这篇文章给大家分享的是有关iOS怎么为导航栏添加播放动画的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
创新互联建站服务项目包括浦城网站建设、浦城网站制作、浦城网页制作以及浦城网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,浦城网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到浦城省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!具体内容如下
FLAudioVisualizerView.h
#import@interface FLAudioVisualizerView : UIView #pragma mark - // 默认UIEdgeInsetsZero @property (nonatomic, assign) UIEdgeInsets contentInsets; // 默认为4 @property (nonatomic, assign) NSInteger barCount; @property (nonatomic, copy) NSArray *barHeightRateList; // 默认白色 @property (nonatomic, copy) UIColor *barColor; // 默认2 @property (nonatomic, assign) CGFloat cornerRadius; // 默认5 @property (nonatomic, assign) CGFloat barSpace; // NSValue包装CGPoint @property (nonatomic, strong) NSArray *aniamteOffsetList; @property (nonatomic, readonly) BOOL isAniamting; - (void)restart; - (void)start; - (void)stop; @end
FLAudioVisualizerView.m
#import "FLAudioVisualizerView.h" @interface FLAudioVisualizerView () @property (nonatomic, strong) NSArray*barList; @property (nonatomic, assign) BOOL isAniamting; @end @implementation FLAudioVisualizerView #pragma mark - - (id)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { [self setBarCount:4]; _barSpace = 5; _barColor = [UIColor whiteColor]; self.cornerRadius = 2; self.barHeightRateList = @[@(0.4), @(0.75), @(0.55), @(0.95)]; self.transform = CGAffineTransformMakeRotation(M_PI); self.aniamteOffsetList = @[[NSValue valueWithCGPoint:CGPointMake(0.1, 0.4)], [NSValue valueWithCGPoint:CGPointMake(0.75, 0.3)], [NSValue valueWithCGPoint:CGPointMake(0.2, 0.55)], [NSValue valueWithCGPoint:CGPointMake(0.94, 0.4)], ]; self.contentInsets = UIEdgeInsetsZero; } return self; } - (void)layoutSubviews { [super layoutSubviews]; CGRect rect = self.bounds; if (fabs(rect.size.width) < 1e-3 || fabs(rect.size.height) < 1e-3 || rect.size.width < 0 || rect.size.height < 0 ) { return; } rect = CGRectWithEdgeInserts(rect, self.contentInsets); __block CGRect barRect = rect; barRect.size.width = (rect.size.width - (self.barCount - 1) * self.barSpace) / self.barCount; NSArray *barHeightRateList = self.barHeightRateList.reverseObjectEnumerator.allObjects; [self.barList enumerateObjectsUsingBlock:^(UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) { obj.layer.anchorPoint = CGPointZero; CGFloat rate = 1.0; if (idx < barHeightRateList.count) rate = barHeightRateList[idx].floatValue; barRect.size.height = rect.size.height * rate; obj.frame = barRect; barRect.origin.x += barRect.size.width + self.barSpace; }]; } #pragma mark - static CGRect CGRectWithEdgeInserts(CGRect rect, UIEdgeInsets inserts) { rect.origin.x += inserts.left; rect.origin.y += inserts.top; rect.size.width -= inserts.left + inserts.right; rect.size.height -= inserts.top + inserts.bottom; return rect; } #pragma mark - - (void)setBarCount:(NSInteger)barCount { _barCount = barCount; NSInteger diff = self.barList.count - barCount; if (diff > 0) { NSArray *removeBarViewList = [self.barList subarrayWithRange:NSMakeRange(barCount, diff)]; [removeBarViewList makeObjectsPerformSelector:@selector(removeFromSuperview)]; self.barList = [self.barList subarrayWithRange:NSMakeRange(0, barCount)]; } else if (diff < 0) { diff = -diff; NSMutableArray *addBarViewList = [NSMutableArray arrayWithCapacity:diff]; for (NSInteger index = 0; index < diff; index ++) { UIView *imageView = [[UIView alloc] init]; imageView.clipsToBounds = YES; imageView.layer.cornerRadius = self.cornerRadius; [addBarViewList addObject:imageView]; imageView.backgroundColor = [UIColor whiteColor]; } if (self.barList) { self.barList = [self.barList arrayByAddingObjectsFromArray:addBarViewList]; } else { self.barList = addBarViewList; } } [self.barList enumerateObjectsUsingBlock:^(UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) { [self addSubview:obj]; }]; } - (void)setCornerRadius:(CGFloat)cornerRadius { _cornerRadius = cornerRadius; [self.barList enumerateObjectsUsingBlock:^(UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) { obj.layer.cornerRadius = cornerRadius; }]; } - (void)setBarColor:(UIColor *)barColor { [self.barList enumerateObjectsUsingBlock:^(UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) { obj.backgroundColor = barColor; }]; } - (void)aniamteWithBar:(UIView *)bar startHeight:(CGFloat)startHeight endHeight:(CGFloat)endHeight { CABasicAnimation * animation; animation = [CABasicAnimation animationWithKeyPath:@"bounds.size.height"]; animation.fromValue = [NSNumber numberWithFloat:startHeight]; animation.toValue = [NSNumber numberWithFloat:endHeight]; animation.duration = 0.25; animation.repeatCount = MAXFLOAT; animation.autoreverses = YES; [bar.layer addAnimation:animation forKey:@"bounds.size.height"]; } - (void)restart { [self stop]; [self start]; } - (void)start { if (self.isAniamting) return; self.isAniamting = YES; NSArray *aniamteOffsetList = self.aniamteOffsetList.reverseObjectEnumerator.allObjects; [self.barList enumerateObjectsUsingBlock:^(UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) { if (idx < aniamteOffsetList.count) { CGRect rect = CGRectWithEdgeInserts(self.bounds, self.contentInsets); CGPoint offset = aniamteOffsetList[idx].CGPointValue; [self aniamteWithBar:obj startHeight:rect.size.height * offset.x endHeight:rect.size.height * offset.y]; } }]; } - (void)stop { self.isAniamting = NO; [self.barList enumerateObjectsUsingBlock:^(UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) { [obj.layer removeAllAnimations]; }]; } @end
ViewController.m
#import "ViewController.h" #import "FLAudioVisualizerView.h" #define kScreen_width [UIScreen mainScreen].bounds.size.width #define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height @interface ViewController () @property (nonatomic, strong) FLAudioVisualizerView *visualizerView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = [UIColor whiteColor]; self.title = @"首页"; //修改导航栏标题字体大小和颜色,背景颜色 [self.navigationController.navigationBar setBarTintColor:[UIColor whiteColor]]; [self.navigationController.navigationBar setTitleTextAttributes:@{ NSFontAttributeName:[UIFont systemFontOfSize:17],NSForegroundColorAttributeName:[UIColor blackColor] }]; UIButton *playBtn = [UIButton buttonWithType:UIButtonTypeCustom]; playBtn.frame = CGRectMake(10, 100, 100, 20); [self.view addSubview:playBtn]; [playBtn setTitle:@"开始播放" forState:UIControlStateNormal]; [playBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; [playBtn addTarget:self action:@selector(playClick) forControlEvents:UIControlEventTouchUpInside]; UIButton *stopPlayBtn = [UIButton buttonWithType:UIButtonTypeCustom]; stopPlayBtn.frame = CGRectMake(10, 150, 100, 20); [self.view addSubview:stopPlayBtn]; [stopPlayBtn setTitle:@"停止播放" forState:UIControlStateNormal]; [stopPlayBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; [stopPlayBtn addTarget:self action:@selector(stopPlayBtnClick) forControlEvents:UIControlEventTouchUpInside]; [self setupVisualizerView]; } - (void)setupVisualizerView { CGSize size = CGSizeMake(23, 22); UIEdgeInsets insets = UIEdgeInsetsMake(10, 0, 10, 20); size.width += insets.left + insets.right; size.height += insets.top + insets.bottom; // 直接直接使用visualizerView的时候,在侧滑返回的时候,会出现很奇怪的现象,visualizerView的frame会发生变化,导致显示异常 UIView *containerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, size.width, size.height)]; FLAudioVisualizerView *visualizerView = [[FLAudioVisualizerView alloc] initWithFrame:CGRectMake(0, 0, size.width, size.height)]; self.visualizerView = visualizerView; [containerView addSubview:visualizerView]; visualizerView.barColor = [UIColor colorWithRed:63/255 green:63/255 blue:64/255 alpha:1]; visualizerView.contentInsets = insets; UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(gotoCurrentPlayPage)]; [containerView addGestureRecognizer:tap]; UIBarButtonItem *barItem = [[UIBarButtonItem alloc] initWithCustomView:containerView]; self.navigationItem.rightBarButtonItem = barItem; } - (void)gotoCurrentPlayPage { NSLog(@"点击了播放按钮"); } - (void)playClick { NSLog(@"1"); [self.visualizerView restart]; } - (void)stopPlayBtnClick { NSLog(@"2"); [self.visualizerView stop]; } - (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated. } @end
感谢各位的阅读!关于“iOS怎么为导航栏添加播放动画”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网站栏目:iOS怎么为导航栏添加播放动画-创新互联
网页网址:http://myzitong.com/article/ceeedh.html