XHImageViewer.m 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285
  1. //
  2. // XHImageViewer.m
  3. // XHImageViewer
  4. //
  5. // Created by 曾 宪华 on 14-2-17.
  6. // Copyright (c) 2014年 曾宪华 开发团队(http://iyilunba.com ) 本人QQ:543413507 本人QQ群(142557668). All rights reserved.
  7. //
  8. #import "XHImageViewer.h"
  9. #import "XHViewState.h"
  10. #import "XHZoomingImageView.h"
  11. @interface XHImageViewer ()
  12. @property (nonatomic, strong) UIScrollView *scrollView;
  13. @property (nonatomic, strong) NSArray *imgViews;
  14. @end
  15. @implementation XHImageViewer
  16. {
  17. UILabel *showSelectPage;
  18. }
  19. - (id)init {
  20. self = [self initWithFrame:CGRectZero];
  21. if (self) {
  22. [self _setup];
  23. }
  24. return self;
  25. }
  26. - (void)_setup {
  27. self.backgroundColor = [UIColor colorWithWhite:0.1 alpha:1];
  28. self.backgroundScale = 0.95;
  29. UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(didPan:)];
  30. pan.maximumNumberOfTouches = 1;
  31. [self addGestureRecognizer:pan];
  32. }
  33. - (id)initWithFrame:(CGRect)frame {
  34. self = [super initWithFrame:[[UIScreen mainScreen] bounds]];
  35. if (self) {
  36. [self _setup];
  37. }
  38. return self;
  39. }
  40. - (void)setImageViewsFromArray:(NSArray*)views {
  41. NSMutableArray *imgViews = [NSMutableArray array];
  42. for(id obj in views){
  43. if([obj isKindOfClass:[UIImageView class]]){
  44. [imgViews addObject:obj];
  45. UIImageView *view = obj;
  46. XHViewState *state = [XHViewState viewStateForView:view];
  47. [state setStateWithView:view];
  48. view.userInteractionEnabled = NO;
  49. }
  50. }
  51. _imgViews = [imgViews copy];
  52. }
  53. - (void)showWithImageViews:(NSArray*)views selectedView:(UIImageView*)selectedView{
  54. [self setImageViewsFromArray:views];
  55. if(_imgViews.count > 0){
  56. if(![selectedView isKindOfClass:[UIImageView class]] || ![_imgViews containsObject:selectedView]){
  57. selectedView = _imgViews[0];
  58. }
  59. [self showWithSelectedView:selectedView];
  60. }
  61. }
  62. #pragma mark- Properties
  63. - (void)setBackgroundColor:(UIColor *)backgroundColor {
  64. [super setBackgroundColor:[backgroundColor colorWithAlphaComponent:0]];
  65. }
  66. - (NSInteger)pageIndex {
  67. return (_scrollView.contentOffset.x / _scrollView.frame.size.width + 0.5);
  68. }
  69. #pragma mark- View management
  70. - (UIImageView *)currentView {
  71. return [_imgViews objectAtIndex:self.pageIndex];
  72. }
  73. - (void)showWithSelectedView:(UIImageView*)selectedView {
  74. for(UIView *view in _scrollView.subviews) {
  75. [view removeFromSuperview];
  76. }
  77. const NSInteger currentPage = [_imgViews indexOfObject:selectedView];
  78. UIWindow *window = [[[UIApplication sharedApplication] delegate] window];
  79. if(_scrollView == nil) {
  80. _scrollView = [[UIScrollView alloc] initWithFrame:self.bounds];
  81. _scrollView.pagingEnabled = YES;
  82. _scrollView.showsHorizontalScrollIndicator = NO;
  83. _scrollView.showsVerticalScrollIndicator = NO;
  84. [_scrollView setDelegate:self];
  85. _scrollView.backgroundColor = [self.backgroundColor colorWithAlphaComponent:1];
  86. _scrollView.alpha = 0;
  87. }
  88. [self addSubview:_scrollView];
  89. [window addSubview:self];
  90. const CGFloat fullW = window.frame.size.width;
  91. const CGFloat fullH = window.frame.size.height;
  92. selectedView.frame = [window convertRect:selectedView.frame fromView:selectedView.superview];
  93. [window addSubview:selectedView];
  94. showSelectPage = [[UILabel alloc] initWithFrame:CGRectMake(selectedView.center.x-60.0,[[UIScreen mainScreen] bounds].size.height-40.0f, 120.0, 30.0)];
  95. // [showSelectPage setText:[NSString stringWithFormat:@"%d/%d",self.pageIndex+1,_imgViews.count]];
  96. [showSelectPage setTextAlignment:NSTextAlignmentCenter];
  97. [showSelectPage setTextColor:[UIColor whiteColor]];
  98. [showSelectPage setBackgroundColor:[UIColor clearColor]];
  99. [window addSubview:showSelectPage];
  100. [UIView animateWithDuration:0.3
  101. animations:^{
  102. _scrollView.alpha = 1;
  103. window.rootViewController.view.transform = CGAffineTransformMakeScale(self.backgroundScale, self.backgroundScale);
  104. selectedView.transform = CGAffineTransformIdentity;
  105. CGSize size = (selectedView.image) ? selectedView.image.size : selectedView.frame.size;
  106. CGFloat ratio = MIN(fullW / size.width, fullH / size.height);
  107. CGFloat W = ratio * size.width;
  108. CGFloat H = ratio * size.height;
  109. selectedView.frame = CGRectMake((fullW-W)/2, (fullH-H)/2, W, H);
  110. }
  111. completion:^(BOOL finished) {
  112. _scrollView.contentSize = CGSizeMake(_imgViews.count * fullW, 0);
  113. _scrollView.contentOffset = CGPointMake(currentPage * fullW, 0);
  114. UITapGestureRecognizer *gesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tappedScrollView:)];
  115. [_scrollView addGestureRecognizer:gesture];
  116. for(UIImageView *view in _imgViews){
  117. view.transform = CGAffineTransformIdentity;
  118. CGSize size = (view.image) ? view.image.size : view.frame.size;
  119. CGFloat ratio = MIN(fullW / size.width, fullH / size.height);
  120. CGFloat W = ratio * size.width;
  121. CGFloat H = ratio * size.height;
  122. view.frame = CGRectMake((fullW-W)/2, (fullH-H)/2, W, H);
  123. XHZoomingImageView *tmp = [[XHZoomingImageView alloc] initWithFrame:CGRectMake([_imgViews indexOfObject:view] * fullW, 0, fullW, fullH)];
  124. tmp.imageView = view;
  125. [_scrollView addSubview:tmp];
  126. }
  127. }
  128. ];
  129. }
  130. - (void)scrollViewDidScroll:(UIScrollView *)scrollView
  131. {
  132. [showSelectPage setText:[NSString stringWithFormat:@"%ld/%lu",self.pageIndex+1,(unsigned long)_imgViews.count]];
  133. }
  134. - (void)prepareToDismiss {
  135. [showSelectPage removeFromSuperview];
  136. UIImageView *currentView = [self currentView];
  137. // if([self.delegate respondsToSelector:@selector(imageViewer:willDismissWithSelectedView:)]) {
  138. // [self.delegate imageViewer:self willDismissWithSelectedView:currentView];
  139. // }
  140. for(UIImageView *view in _imgViews) {
  141. if(view != currentView) {
  142. XHViewState *state = [XHViewState viewStateForView:view];
  143. view.transform = CGAffineTransformIdentity;
  144. view.frame = state.frame;
  145. view.transform = state.transform;
  146. [state.superview addSubview:view];
  147. }
  148. }
  149. }
  150. - (void)dismissWithAnimate {
  151. UIView *currentView = [self currentView];
  152. UIWindow *window = [[[UIApplication sharedApplication] delegate] window];
  153. CGRect rct = currentView.frame;
  154. currentView.transform = CGAffineTransformIdentity;
  155. currentView.frame = [window convertRect:rct fromView:currentView.superview];
  156. [window addSubview:currentView];
  157. [UIView animateWithDuration:0.3
  158. animations:^{
  159. _scrollView.alpha = 0;
  160. window.rootViewController.view.transform = CGAffineTransformIdentity;
  161. XHViewState *state = [XHViewState viewStateForView:currentView];
  162. currentView.frame = [window convertRect:state.frame fromView:state.superview];
  163. currentView.transform = state.transform;
  164. }
  165. completion:^(BOOL finished) {
  166. XHViewState *state = [XHViewState viewStateForView:currentView];
  167. currentView.transform = CGAffineTransformIdentity;
  168. currentView.frame = state.frame;
  169. currentView.transform = state.transform;
  170. [state.superview addSubview:currentView];
  171. for(UIView *view in _imgViews){
  172. XHViewState *_state = [XHViewState viewStateForView:view];
  173. view.userInteractionEnabled = _state.userInteratctionEnabled;
  174. }
  175. [currentView removeFromSuperview];
  176. [self removeFromSuperview];
  177. if([self.delegate respondsToSelector:@selector(imageViewer:willDismissWithSelectedView:)]) {
  178. [self.delegate imageViewer:self willDismissWithSelectedView:[self currentView]];
  179. }
  180. }
  181. ];
  182. }
  183. #pragma mark- Gesture events
  184. - (void)tappedScrollView:(UITapGestureRecognizer*)sender
  185. {
  186. [self prepareToDismiss];
  187. [self dismissWithAnimate];
  188. }
  189. - (void)didPan:(UIPanGestureRecognizer*)sender
  190. {
  191. static UIImageView *currentView = nil;
  192. if(sender.state == UIGestureRecognizerStateBegan){
  193. currentView = [self currentView];
  194. UIView *targetView = currentView.superview;
  195. while(![targetView isKindOfClass:[XHZoomingImageView class]]){
  196. targetView = targetView.superview;
  197. }
  198. if(((XHZoomingImageView *)targetView).isViewing){
  199. currentView = nil;
  200. }
  201. else{
  202. UIWindow *window = [[[UIApplication sharedApplication] delegate] window];
  203. currentView.frame = [window convertRect:currentView.frame fromView:currentView.superview];
  204. [window addSubview:currentView];
  205. [self prepareToDismiss];
  206. }
  207. }
  208. if(currentView){
  209. if(sender.state == UIGestureRecognizerStateEnded){
  210. if(_scrollView.alpha>0.5){
  211. [self showWithSelectedView:currentView];
  212. }
  213. else{
  214. [self dismissWithAnimate];
  215. }
  216. currentView = nil;
  217. }
  218. else{
  219. CGPoint p = [sender translationInView:self];
  220. CGAffineTransform transform = CGAffineTransformMakeTranslation(0, p.y);
  221. transform = CGAffineTransformScale(transform, 1 - fabs(p.y)/1000, 1 - fabs(p.y)/1000);
  222. currentView.transform = transform;
  223. CGFloat r = 1-fabs(p.y)/200;
  224. _scrollView.alpha = MAX(0, MIN(1, r));
  225. }
  226. }
  227. }
  228. @end