IOS 开发之网络图片轮播图的实现

 更新时间:2017年09月17日 15:57:52   作者:水桶前辈  
这篇文章主要介绍了IOS 开发之网络图片轮播图的实现的相关资料,希望通过此文大家能够掌握轮播图的实现,需要的朋友可以参考下

IOS 开发之网络图片轮播图的实现

截图

1.使用

LJPhotoGroupView *_ljPhotoGroupView = [[LJPhotoGroupView alloc]initWithItem:self.ljUrlArray]; 
_ljPhotoGroupView.backgroundColor = [UIColor blackColor]; 
_ljPhotoGroupView.frame = CGRectMake(0, 0, kDEVICEWIDTH, kDEVICEHEIGHT); 
[_ljPhotoGroupView showHintView:self]; 

2.源码

#import "LJPhotoGroupView.h" 
#import "LJWebIDataManager.h" 
 
@interface LJPhotoGroupCellView() 
 
@property (nonatomic, strong) UIImageView *ljImageview; 
 
@end 
 
@implementation LJPhotoGroupCellView 
 
- (instancetype)initWithFrame:(CGRect)frame url:(NSString*)imageurl 
{ 
  self = [super initWithFrame:frame]; 
  if (self) { 
    [self addSubview:self.ljImageview]; 
    //这里大家可以换成自己的网络请求图片的方法 
    [[LJWebIDataManager sharedInstances]retrieveData:imageurl successBlock:^(NSData *netData, NSString *progressStr, BOOL isFinished) { 
      //在主线程中刷新界面 
      dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ 
 
        UIImage *_ljImage = [UIImage imageWithData: netData scale:0.3]; 
        @myWeakify(self); 
        dispatch_async(dispatch_get_main_queue(), ^{ 
          @myStrongify(self); 
          self.ljImageview.image = _ljImage; 
        }); 
      }); 
    }]; 
  } 
  return self; 
} 
 
- (UIImageView*)ljImageview 
{ 
  if (!_ljImageview) { 
    _ljImageview = UIImageView.new; 
    _ljImageview.frame = CGRectMake(15, 0, kDEVICEWIDTH - 30, 130); 
    _ljImageview.backgroundColor = [UIColor redColor]; 
    UIGestureRecognizer *_tap = [[UIGestureRecognizer alloc]initWithTarget:self action:@selector(dismissHintView)]; 
    [_ljImageview addGestureRecognizer:_tap]; 
  } 
  return _ljImageview; 
} 
 
@end 
 
@interface LJPhotoGroupView()<UIScrollViewDelegate> 
 
@property (nonatomic, strong) UIScrollView *ljScrollView; 
@property (nonatomic, strong) NSArray *ljItemArray; 
@property (nonatomic, strong) UIImageView *ljImageview; 
@property (nonatomic, strong) UIPageControl *ljPageControl; 
 
 
@end 
 
@implementation LJPhotoGroupView 
 
- (instancetype)initWithItem:(NSArray*)ljArray 
{ 
  self = [super init]; 
  if (self) 
  { 
    self.ljItemArray = [NSArray arrayWithArray:ljArray]; 
     
    [self addSubview:self.ljScrollView]; 
    [self addSubview:self.ljPageControl]; 
     
    for (int i = 0; i < self.ljItemArray.count; i++) { 
       
      //方法一:直接设置每个cell的X坐标 
//      LJPhotoGroupCellView *_cell = [[LJPhotoGroupCellView alloc]initWithFrame:CGRectMake((kDEVICEWIDTH )*i, 0, kDEVICEWIDTH, 130) url:self.ljItemArray[i]]; 
       
      //方法二:先不用考虑cell的X坐标,在下面设置X的坐标 
      LJPhotoGroupCellView *cell = [[LJPhotoGroupCellView alloc]initWithFrame:self.ljScrollView.bounds url:self.ljItemArray[i]]; 
      UITapGestureRecognizer *_tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(dismissHintView)]; 
        [cell addGestureRecognizer:_tap]; 
      [self.ljScrollView addSubview:cell]; 
    } 
     
    //方法二:设置cell的X坐标 
    // 计算imageView的位置 
    [self.ljScrollView.subviews enumerateObjectsUsingBlock:^(LJPhotoGroupCellView *cell, NSUInteger idx, BOOL *stop) 
     { 
      // 调整x => origin => frame 
      CGRect frame = cell.frame; 
      frame.origin.x = idx * frame.size.width; 
       
      cell.frame = frame; 
    }]; 
     
    self.ljPageControl.currentPage = 0; 
  } 
  return self; 
} 
 
- (UIScrollView*)ljScrollView 
{ 
  if (!_ljScrollView) 
  { 
    _ljScrollView = UIScrollView.new; 
    _ljScrollView.frame = CGRectMake(0, 250, kDEVICEWIDTH, 130); 
    _ljScrollView.delegate = self; 
    //_scrollView.scrollsToTop = NO; 
    _ljScrollView.pagingEnabled = YES; 
    _ljScrollView.contentSize = CGSizeMake(_ljScrollView.bounds.size.width * self.ljItemArray.count, 130); 
    //_scrollView.alwaysBounceHorizontal = groupItems.count > 1; 
    // _scrollView.showsHorizontalScrollIndicator = NO; 
    //_scrollView.showsVerticalScrollIndicator = NO; 
    //_scrollView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight; 
    //_scrollView.delaysContentTouches = NO; 
    //_scrollView.canCancelContentTouches = YES; 
  } 
  return _ljScrollView; 
} 
 
- (UIPageControl *)ljPageControl 
{ 
  if (_ljPageControl == nil) 
  { 
    // 分页控件,本质上和scrollView没有任何关系,是两个独立的控件 
    _ljPageControl = [[UIPageControl alloc] init]; 
    // 总页数 
    _ljPageControl.numberOfPages = self.ljItemArray.count; 
    CGSize size = [_ljPageControl sizeForNumberOfPages:self.ljItemArray.count]; 
     
    _ljPageControl.bounds = CGRectMake(0, 0, size.width, size.height); 
    _ljPageControl.center = CGPointMake(self.center.x, 380); 
     
    // 设置颜色 
    _ljPageControl.pageIndicatorTintColor = [UIColor redColor]; 
    //当前页面的颜色 
    _ljPageControl.currentPageIndicatorTintColor = [UIColor whiteColor]; 
    [_ljPageControl addTarget:self action:@selector(pageChanged:) forControlEvents:UIControlEventValueChanged]; 
  } 
  return _ljPageControl; 
} 
 
// 分页控件的监听方法 
- (void)pageChanged:(UIPageControl *)page 
{ 
  NSLog(@"%ld", (long)page.currentPage); 
   
  // 根据页数,调整滚动视图中的图片位置 contentOffset self.scrollView.bounds.size.width 
  CGFloat x = page.currentPage * (kDEVICEWIDTH); 
  [self.ljScrollView setContentOffset:CGPointMake(x, 0) animated:YES]; 
} 
 
- (UIImageView*)ljImageview 
{ 
  if (!_ljImageview) { 
    _ljImageview = UIImageView.new; 
    _ljImageview.frame = CGRectMake(0, 0, kDEVICEWIDTH, kDEVICEHEIGHT); 
    _ljImageview.backgroundColor = [UIColor redColor]; 
     
    UIGestureRecognizer *_tap = [[UIGestureRecognizer alloc]initWithTarget:self action:@selector(dismissHintView)]; 
    [_ljImageview addGestureRecognizer:_tap]; 
  } 
  return _ljImageview; 
} 
 
 
- (void)scrollViewDidScroll:(UIScrollView *)scrollView { 
  //CGFloat floatPage = _scrollView.contentOffset.x / _scrollView.width; 
  //NSInteger page = _scrollView.contentOffset.x / _scrollView.width; 
} 
 
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{ 
  if (!decelerate) { 
  } 
} 
 
 
#pragma mark - ScrollView的代理方法 
// 滚动视图停下来,修改页面控件的小点(页数) 
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView 
{ 
  // 停下来的当前页数 
  NSLog(@"%@", NSStringFromCGPoint(scrollView.contentOffset)); 
   
  // 计算页数 
  int page = scrollView.contentOffset.x / scrollView.bounds.size.width; 
   
  self.ljPageControl.currentPage = page; 
} 
 
 
- (void)showHintView:(UIView*)view 
{ 
  //[view addSubview:self]; 
   [[UIApplication sharedApplication].delegate.window.rootViewController.view addSubview:self]; 
   
  self.alpha = 0.0; 
  [UIView animateWithDuration:0.3 delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{ 
     
    self.alpha = 1.0; 
     
  } completion:^(BOOL finished) 
   { 
      
   }]; 
} 
 
- (void)dismissHintView 
{ 
  [UIView animateWithDuration:0.3 delay:0 options:UIViewAnimationOptionCurveEaseIn animations:^{ 
     
    self.alpha = 0.0; 
     
  } completion:^(BOOL finished){ 
     
    [self removeFromSuperview]; 
  }]; 
} 
 
@end 

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • iOS中多网络请求的线程安全详解

    iOS中多网络请求的线程安全详解

    这篇文章主要给大家介绍了关于iOS中多网络请求的线程安全的相关资料文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-10-10
  • Xcode8 更新解决模拟器找不到的方法

    Xcode8 更新解决模拟器找不到的方法

    这篇文章主要介绍了Xcode8 更新解决模拟器找不到的方法的相关资料,需要的朋友可以参考下
    2016-12-12
  • iOS tableview实现简单搜索功能

    iOS tableview实现简单搜索功能

    这篇文章主要为大家详细介绍了iOS tableview实现简单搜索功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • IOS 关键字const 、static、extern详解

    IOS 关键字const 、static、extern详解

    这篇文章主要介绍了IOS 关键字const 、static、extern详解的相关资料,这里对关键字如何使用,及在IOS开发中的意义做了详解,需要的朋友可以参考下
    2016-11-11
  • iOS实现动态元素的引导图效果

    iOS实现动态元素的引导图效果

    这篇文章给大家介绍了iOS实现动态元素的引导图效果的步骤,文章给出了示例代码介绍的很详细,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-09-09
  • ios UITableView 自定义右滑删除的实现代码

    ios UITableView 自定义右滑删除的实现代码

    这篇文章主要介绍了ios UITableView 自定义右滑删除的实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • iOS实现高性能简单易用的星星评分控件

    iOS实现高性能简单易用的星星评分控件

    在做APP时会用到星星评分的一个视图,在网上也找到一些相关的代码,下面这篇文章主要给大家介绍了关于iOS实现高性能简单易用的星星评分控件的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2018-03-03
  • 你知道Tab Bar图标原来还可以这样玩吗

    你知道Tab Bar图标原来还可以这样玩吗

    这篇文章主要给大家介绍了关于Tab Bar图标另外一些大家不知道的玩法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • iOS开发之Objective-c的Runtime理解指南

    iOS开发之Objective-c的Runtime理解指南

    这篇文章主要介绍了iOS开发之Objective-c的Runtime理解指南的相关资料,需要的朋友可以参考下
    2022-08-08
  • iOS对数组进行排序的实例代码

    iOS对数组进行排序的实例代码

    本文通过实例代码给大家讲解了ios对数组进行排序的实例方法,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
    2017-08-08

最新评论