寫(xiě)了一個(gè)類似魔獸小地圖功能的控件。

比如你有一個(gè)可以放大縮小的scrollView。會(huì)在里面進(jìn)行一些放大縮小，點(diǎn)擊里面的按鈕呀，等操作。

這個(gè)小地圖控件。就會(huì)和你的大scrollView同步。并有縮略圖和你當(dāng)前視口的位置。就像游戲里那樣。

看圖。

SmallMapView.h

// 
//  SmallMapView.h 
//  littleMapView 
// 
//  Created by fuqiang on 13-7-2. 
//  Copyright (c) 2013年 fuqiang. All rights reserved. 
// 
 
#import <UIKit/UIKit.h> 
#import <QuartzCore/QuartzCore.h> 
 
@interface SmallMapView : UIView 
 
//縮放比例 
@property (nonatomic,assign,readonly)float scaling; 
 
//標(biāo)示窗口位置的浮動(dòng)矩形 
@property (nonatomic,retain,readonly)CALayer *rectangleLayer; 
 
//內(nèi)容 
@property (nonatomic,retain,readonly)CALayer *contentLayer; 
 
//被模擬的UIScrollView 
@property (nonatomic,retain,readonly)UIScrollView *scrollView; 
 
//init 
- (id)initWithUIScrollView:(UIScrollView *)scrollView frame:(CGRect)frame; 
 
//在UIScrollView的scrollViewDidScroll委托方法中調(diào)用 
- (void)scrollViewDidScroll:(UIScrollView *)scrollView; 
 
//重繪View內(nèi)容(需要注意。如果在調(diào)用reloadSmallMapView 方法的時(shí)候，需要更新的內(nèi)容內(nèi)有動(dòng)畫(huà)。如按鈕變色等) 
//請(qǐng)用[self performSelector:@selector(reloadSmallMapView:) withObject:nil afterDelay:0.2]; 
- (void)reloadSmallMapView; 
@end 

SmallMapView.m

// 
//  SmallMapView.m 
//  littleMapView 
// 
//  Created by fuqiang on 13-7-2. 
//  Copyright (c) 2013年 fuqiang. All rights reserved. 
// 
 
#import "SmallMapView.h" 
 
@implementation SmallMapView 
 
- (id)initWithUIScrollView:(UIScrollView *)scrollView frame:(CGRect)frame 
{ 
    self = [super init]; 
    if (self) { 
        _scrollView = scrollView; 
         
        //設(shè)置縮略圖View尺寸 
        [self setFrame:frame]; 
         
        //設(shè)置縮略圖縮放比例 
        [self setScaling:_scrollView]; 
         
        //設(shè)置羅略圖內(nèi)容 
        _contentLayer = [self drawContentView:_scrollView frame:frame]; 
        [self.layer addSublayer:_contentLayer]; 
         
        //初始化縮略移動(dòng)視口 
        _rectangleLayer = [[CALayer alloc] init]; 
        _rectangleLayer.opacity = 0.5; 
        _rectangleLayer.shadowOffset = CGSizeMake(0, 3); 
        _rectangleLayer.shadowRadius = 5.0; 
        _rectangleLayer.shadowColor = [UIColor blackColor].CGColor; 
        _rectangleLayer.shadowOpacity = 0.8; 
        _rectangleLayer.backgroundColor = [UIColor whiteColor].CGColor; 
        _rectangleLayer.frame = CGRectMake(0, 0, scrollView.frame.size.width * _scaling, scrollView.frame.size.height * _scaling); 
        [self.layer addSublayer:_rectangleLayer]; 
    } 
    return self; 
} 
 
- (void)dealloc 
{ 
    [_rectangleLayer release]; 
    [super dealloc]; 
} 
 
//------ 
- (void)scrollViewDidScroll:(UIScrollView *)scrollView 
{ 
    [self setScaling:scrollView]; 
    float x = scrollView.contentOffset.x; 
    float y = scrollView.contentOffset.y; 
    float h = scrollView.frame.size.height; 
    float w = scrollView.frame.size.width; 
    [self.rectangleLayer setFrame:CGRectMake(x * _scaling, y * _scaling, h * self.scaling, w * self.scaling)]; 
} 
 
//重繪View內(nèi)容 
- (void)reloadSmallMapView 
{ 
    [_contentLayer removeFromSuperlayer]; 
    _contentLayer = [self drawContentView:_scrollView frame:self.frame]; 
    [self.layer insertSublayer:_contentLayer atIndex:0]; 
} 
 
//設(shè)置縮略圖縮放比例 
- (void)setScaling:(UIScrollView *)scrollView 
{ 
    _scaling = self.frame.size.height / scrollView.contentSize.height; 
} 
 
//復(fù)制UIScrollView中內(nèi)容 
- (CALayer *)drawContentView:(UIScrollView *)scrollView frame:(CGRect)frame 
{ 
    [self setScaling:scrollView]; 
    CALayer *layer = [[CALayer alloc] init]; 
    layer.frame = frame; 
    for (UIView *view in scrollView.subviews) 
    { 
        UIGraphicsBeginImageContext(view.bounds.size); 
        [view.layer renderInContext:UIGraphicsGetCurrentContext()]; 
        UIImage *image = UIGraphicsGetImageFromCurrentImageContext(); 
        UIGraphicsEndImageContext(); 
         
        CALayer *copyLayer = [CALayer layer]; 
        copyLayer.contents = (id)image.CGImage; 
        float x = view.frame.origin.x; 
        float y = view.frame.origin.y; 
        float h = view.frame.size.height; 
        float w = view.frame.size.width; 
        copyLayer.frame = CGRectMake(x * _scaling,y *_scaling,w * _scaling,h * _scaling); 
        [layer addSublayer:copyLayer]; 
    } 
    return [layer autorelease]; 
} 
@end