實(shí)用小技巧(十二):頭像圖片縮放以及保存到相冊簡單功能的實(shí)現(xiàn)

版本記錄

版本號 時間
V1.0 2017.07.02

前言

在app中蝶押,我們經(jīng)常需要點(diǎn)擊別人分享發(fā)布的圖片或者頭像贾节,然后放大縮小等狞悲,還可以保存到本地相冊等撮抓。感興趣的可以看看我寫的其他小技巧。
1. 實(shí)用小技巧(一):UIScrollView中上下左右滾動方向的判斷

2. 實(shí)用小技巧(二):屏幕橫豎屏的判斷和相關(guān)邏輯
3.實(shí)用小技巧(三):點(diǎn)擊手勢屏蔽子視圖的響應(yīng)
4.實(shí)用小技巧(四):動態(tài)的增刪標(biāo)簽視圖
5.實(shí)用小技巧(五):通過相冊或者相機(jī)更改圖標(biāo)
6.實(shí)用小技巧(六):打印ios里所有字體
7. 實(shí)用小技巧(七):UITableViewCell自適應(yīng)行高的計(jì)算
8. 實(shí)用小技巧(八):數(shù)字余額顯示的分隔
9.實(shí)用小技巧(九):類頭條模糊背景的實(shí)現(xiàn)
10.實(shí)用小技巧(十):晃動手機(jī)換后臺服務(wù)器網(wǎng)絡(luò)
11.實(shí)用小技巧(十一):scrollView及其子類顯示的一些異常處理

功能需求

??我們項(xiàng)目中經(jīng)常需要有這樣的需求:需要點(diǎn)擊好友或者別人發(fā)布的圖片摇锋,并可捏合放大縮小圖片丹拯,最后還有保存到本地相冊的功能。

功能實(shí)現(xiàn)

下面我們就直接看代碼實(shí)現(xiàn)荸恕。

#import "JJAvatarSaveVC.h"
#import "Masonry.h"

@interface JJAvatarSaveVC ()

@property (nonatomic, strong) UIImageView *avatarImageView;
@property (nonatomic, strong) UIView *backView;
@property (nonatomic, strong) UIImageView *imageView;
@property (nonatomic, assign) double lastScale;

@end

@implementation JJAvatarSaveVC

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    [self setupUI];
}

- (void)setupUI
{
    self.view.backgroundColor = [UIColor whiteColor];
    
    //頭像
    UIImageView *avatarImageView = [[UIImageView alloc] init];
    avatarImageView.image = [UIImage imageNamed:@"sea"];
    avatarImageView.userInteractionEnabled = YES;
    avatarImageView.layer.cornerRadius = 50.0;
    avatarImageView.layer.masksToBounds = YES;
    UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGestureDidTapped)];
    [avatarImageView addGestureRecognizer:tapGesture];
    [self.view addSubview:avatarImageView];
    self.avatarImageView = avatarImageView;
    
    [self.avatarImageView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.center.equalTo(self.view);
        make.height.width.equalTo(@100);
    }];
}

- (void)loadBackgroundView
{
    UIView *backView = [[UIView alloc] initWithFrame:self.view.frame];
    
    UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(backViewTapGestureDidTapped)];
        [backView addGestureRecognizer:tapGesture];
    UIPinchGestureRecognizer *pinGesture = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(imagePinGestureDidTapped:)];
        [backView addGestureRecognizer:pinGesture];
    UILongPressGestureRecognizer *longGesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(imageLongGestureDidTapped)];
        [backView addGestureRecognizer:longGesture];

    backView.backgroundColor = [UIColor blackColor];
    [self.view addSubview:backView];
    self.backView = backView;
    
    CGSize imageSize = self.avatarImageView.image.size;
    
    UIImageView *imageView = [[UIImageView alloc] init];
    imageView.image = [UIImage imageNamed:@"sea"];
    imageView.userInteractionEnabled = YES;
    [backView addSubview:imageView];
    self.imageView = imageView;
    
    CGFloat width = [UIScreen mainScreen].bounds.size.width;
    CGFloat height = imageSize.height / imageSize.width * width;
    [imageView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.center.equalTo(backView);
        make.width.equalTo(@(width));
        make.height.equalTo(@(height));
    }];
}

- (void)saveImageToAlbum
{
    UIImageWriteToSavedPhotosAlbum(self.imageView.image, self, @selector(image:didFinishSavingWithError:contextInfo:), NULL);
}

- (void)image: (UIImage *) image didFinishSavingWithError:(NSError *) error contextInfo:(void *) contextInfo
{
    NSString *msg = nil;
    
    if (error != NULL) {
        msg = @"保存圖片失敗";
    }
    else {
        msg = @"保存圖片成功";
    }
    
    UIAlertController *alertVC = [UIAlertController alertControllerWithTitle:@"提示" message:msg preferredStyle:UIAlertControllerStyleAlert];
    
    UIAlertAction *ensureAction = [UIAlertAction actionWithTitle:@"確定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
        [self.backView removeFromSuperview];
    }];
    
    [alertVC addAction:ensureAction];
    
    [self presentViewController:alertVC animated:YES completion:nil];
}

#pragma mark - Action && Notification

- (void)tapGestureDidTapped
{
    self.navigationController.navigationBarHidden = YES;
    [UIApplication sharedApplication].statusBarHidden = YES;
    [self loadBackgroundView];
}

- (void)backViewTapGestureDidTapped
{
    self.navigationController.navigationBarHidden = NO;
    [UIApplication sharedApplication].statusBarHidden = NO;
    [self.backView removeFromSuperview];
}

//捏合手勢放大縮小圖片

- (void)imagePinGestureDidTapped:(UIPinchGestureRecognizer *)sender
{
    
    if([sender state] == UIGestureRecognizerStateEnded) {
        self.lastScale = 1.0;
        return;
    }
    
    CGFloat scale = 1.0 - (self.lastScale - sender.scale);
    CGAffineTransform currentTransform = self.imageView.transform;
    CGAffineTransform newTransform = CGAffineTransformScale(currentTransform, scale, scale);
    
    [self.imageView setTransform:newTransform];
    self.lastScale = [sender scale];
}

//長按保存到相冊

- (void)imageLongGestureDidTapped
{
    UIAlertController *alertVC = [UIAlertController alertControllerWithTitle:nil message:nil preferredStyle:UIAlertControllerStyleActionSheet];
    
    UIAlertAction *saveAction = [UIAlertAction actionWithTitle:@"保存到相冊" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
        [self saveImageToAlbum];
    }];
    
    UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleDestructive handler:^(UIAlertAction * _Nonnull action) {
        
    }];
    
    [alertVC addAction:saveAction];
    [alertVC addAction:cancelAction];
    
    [self presentViewController:alertVC animated:YES completion:nil];
}

@end

功能效果

下面就運(yùn)行代碼乖酬,并查看結(jié)果。

效果1
效果2
效果3
效果4
效果5
效果6
效果7

可見實(shí)現(xiàn)了需求功能融求。

后記

未完咬像,待續(xù)~~~

心白
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子县昂,更是在濱河造成了極大的恐慌肮柜,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,723評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件倒彰,死亡現(xiàn)場離奇詭異审洞,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)待讳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評論 2 382
  • 文/潘曉璐 我一進(jìn)店門芒澜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人创淡,你說我怎么就攤上這事痴晦。” “怎么了琳彩?”我有些...
    開封第一講書人閱讀 152,998評論 0 344
  • 文/不壞的土叔 我叫張陵阅酪,是天一觀的道長。 經(jīng)常有香客問我汁针,道長术辐,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,323評論 1 279
  • 正文 為了忘掉前任施无,我火速辦了婚禮辉词,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘猾骡。我一直安慰自己瑞躺,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評論 5 374
  • 文/花漫 我一把揭開白布兴想。 她就那樣靜靜地躺著幢哨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪嫂便。 梳的紋絲不亂的頭發(fā)上捞镰,一...
    開封第一講書人閱讀 49,079評論 1 285
  • 那天,我揣著相機(jī)與錄音毙替,去河邊找鬼岸售。 笑死,一個胖子當(dāng)著我的面吹牛厂画,可吹牛的內(nèi)容都是我干的凸丸。 我是一名探鬼主播,決...
    沈念sama閱讀 38,389評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼袱院,長吁一口氣:“原來是場噩夢啊……” “哼屎慢!你這毒婦竟也來了瞭稼?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,019評論 0 259
  • 序言:老撾萬榮一對情侶失蹤腻惠,失蹤者是張志新(化名)和其女友劉穎弛姜,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體妖枚,經(jīng)...
    沈念sama閱讀 43,519評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡廷臼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了绝页。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片荠商。...
    茶點(diǎn)故事閱讀 38,100評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖续誉,靈堂內(nèi)的尸體忽然破棺而出莱没,到底是詐尸還是另有隱情,我是刑警寧澤酷鸦,帶...
    沈念sama閱讀 33,738評論 4 324
  • 正文 年R本政府宣布饰躲,位于F島的核電站,受9級特大地震影響臼隔,放射性物質(zhì)發(fā)生泄漏嘹裂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評論 3 307
  • 文/蒙蒙 一摔握、第九天 我趴在偏房一處隱蔽的房頂上張望寄狼。 院中可真熱鬧,春花似錦氨淌、人聲如沸泊愧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽删咱。三九已至,卻和暖如春豪筝,著一層夾襖步出監(jiān)牢的瞬間痰滋,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評論 1 262
  • 我被黑心中介騙來泰國打工即寡, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留徊哑,地道東北人。 一個月前我還...
    沈念sama閱讀 45,547評論 2 354
  • 正文 我出身青樓著蟹,卻偏偏與公主長得像墩蔓,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子萧豆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 讀蘇筆記(22)爭取學(xué)生愛你的課 1奸披、每一個教師都在盡量喚起學(xué)生對自己所教學(xué)科的興趣涮雷,使他們?nèi)朊缘目釔圻@門學(xué)科。 ...
    春曉滌生閱讀 394評論 0 0
  • 2018年10月22日第266天觀功念恩+善行點(diǎn)滴(憶念老師第十四天) 區(qū)長洪鸭,特別想念您样刷! 區(qū)長,特別想念您览爵! 區(qū)...
    園桃閱讀 242評論 0 0