九宮格圖片選擇器

首先嗅战,涉及訪問相冊(cè)權(quán)限:
需在“plist”文件里妄田,輸入如下代碼!驮捍!

<!-- 相冊(cè) -->
<key>NSPhotoLibraryUsageDescription</key>
<string>APP需要您的同意,才能訪問相冊(cè)</string> <!-- 描述字符串 ??可隨意填疟呐,但必須填 -->

初次使用:






創(chuàng)建九宮格圖片選擇器視圖:SudokuAddImageView

在“SudokuAddImageView.h”文件:

#import <UIKit/UIKit.h>

@interface SudokuAddImageView : UIView

/**  存儲(chǔ)所有的照片(UIImage) */
@property (nonatomic, strong) NSMutableArray *images;

/**  選擇照片是否有編輯框 */
@property (nonatomic,assign) BOOL allowEdit;

@end  

在“SudokuAddImageView.m”文件:

#define SCREEN_WIDTH ([UIScreen mainScreen].bounds.size.width) //屏寬

#define imageH (SCREEN_WIDTH*210.f/750.f) // 圖片高度
#define imageW (SCREEN_WIDTH*210.f/750.f) // 圖片寬度
#define deleImageWH (SCREEN_WIDTH*35.f/750.f) // 刪除按鈕的寬高

#define kMaxColumn 3 // 每行顯示數(shù)量
#define MaxImageCount 9 // 最多顯示圖片個(gè)數(shù)
#define kAdeleImage @"ic_not_pass" // 刪除按鈕圖片
#define kAddImage @"pic_upload_forTotalBtn" // 添加按鈕圖片


@interface SudokuAddImageView () <UIImagePickerControllerDelegate>
{
    //標(biāo)識(shí)被編輯的按鈕 -1 為添加新的按鈕
    NSInteger editTag;
}

@end



@implementation SudokuAddImageView

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        UIButton *btn = [self createButtonWithImage:kAddImage andSeletor:@selector(addNew:)];
        [self addSubview:btn];
    }
    return self;
}

-(NSMutableArray *)images
{
    if (_images == nil) {
        _images = [NSMutableArray array];
    }
    return _images;
}

// 添加新的控件
- (void)addNew:(UIButton *)btn
{
    // 標(biāo)識(shí)為添加一個(gè)新的圖片
    if (![self deleClose:btn]) {
        editTag = -1;
        [self callImagePicker];
    }

}

// 修改舊的控件
- (void)changeOld:(UIButton *)btn
{
    // 標(biāo)識(shí)為修改(tag為修改標(biāo)識(shí))
    if (![self deleClose:btn]) {
        editTag = btn.tag;
        [self callImagePicker];
    }
}

// 移除"刪除按鈕"
- (BOOL)deleClose:(UIButton *)btn
{
    if (btn.subviews.count == 2) {
        [[btn.subviews lastObject] removeFromSuperview];
        [self stop:btn];
        return YES;
    }

    return NO;
}

// 調(diào)用圖片選擇器
- (void)callImagePicker
{
    UIImagePickerController *pc = [[UIImagePickerController alloc] init];
    pc.allowsEditing = _allowEdit?_allowEdit:NO;
    pc.delegate = self;
    [self.window.rootViewController presentViewController:pc animated:YES completion:nil];
}

// 根據(jù)圖片名稱或者圖片對(duì)象 創(chuàng)建一個(gè)新的顯示控件
- (UIButton *)createButtonWithImage:(id)imageNameOrImage andSeletor : (SEL)selector
{
    UIImage *addImage = nil;
    if ([imageNameOrImage isKindOfClass:[NSString class]]) {
        addImage = [UIImage imageNamed:imageNameOrImage];
    } else if([imageNameOrImage isKindOfClass:[UIImage class]]) {
        addImage = imageNameOrImage;
    }
    UIButton *addBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    [addBtn setImage:addImage forState:UIControlStateNormal];
    [addBtn addTarget:self action:selector forControlEvents:UIControlEventTouchUpInside];
    addBtn.tag = self.subviews.count;
   
    // 添加長(zhǎng)按手勢(shì),用作刪除
    if(addBtn.tag != 0) {
        UILongPressGestureRecognizer *gester = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPress:)];
        [addBtn addGestureRecognizer:gester];
    }
    return addBtn;
}

// 長(zhǎng)按添加刪除按鈕
- (void)longPress : (UIGestureRecognizer *)gester
{
    if (gester.state == UIGestureRecognizerStateBegan)
    {
        UIButton *btn = (UIButton *)gester.view;
    
        UIButton *dele = [UIButton buttonWithType:UIButtonTypeCustom];
        dele.bounds = CGRectMake(0, 0, deleImageWH, deleImageWH);
        [dele setImage:[UIImage imageNamed:kAdeleImage] forState:UIControlStateNormal];
        [dele addTarget:self action:@selector(deletePic:) forControlEvents:UIControlEventTouchUpInside];
        dele.frame = CGRectMake(btn.frame.size.width - dele.frame.size.width, 0, dele.frame.size.width, dele.frame.size.height);
    
        [btn addSubview:dele];
        [self start : btn];
    }
}
// 長(zhǎng)按開始抖動(dòng)
- (void)start : (UIButton *)btn {
    double angle1 = -5.0 / 180.0 * M_PI;
    double angle2 = 5.0 / 180.0 * M_PI;
    CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];
    anim.keyPath = @"transform.rotation";
   
    anim.values = @[@(angle1),  @(angle2), @(angle1)];
    anim.duration = 0.25;
    // 動(dòng)畫的重復(fù)執(zhí)行次數(shù)
    anim.repeatCount = MAXFLOAT;

    // 保持動(dòng)畫執(zhí)行完畢后的狀態(tài)
    anim.removedOnCompletion = NO;
    anim.fillMode = kCAFillModeForwards;

    [btn.layer addAnimation:anim forKey:@"shake"];
}
// 停止抖動(dòng)
- (void)stop : (UIButton *)btn{
    [btn.layer removeAnimationForKey:@"shake"];
}
// 刪除圖片
- (void)deletePic : (UIButton *)btn
{
    [self.images removeObject:[(UIButton *)btn.superview imageForState:UIControlStateNormal]];
    [btn.superview removeFromSuperview];
    if ([[self.subviews lastObject] isHidden]) {
        [[self.subviews lastObject] setHidden:NO];
    }
}

// 對(duì)所有子控件進(jìn)行布局
- (void)layoutSubviews
{
    [super layoutSubviews];
    NSInteger count = self.subviews.count;
    CGFloat btnW = imageW;
    CGFloat btnH = imageH;
    int maxColumn = kMaxColumn > self.frame.size.width / imageW ? self.frame.size.width / imageW : kMaxColumn;
    CGFloat marginX = (self.frame.size.width - maxColumn * btnW) / (count + 1);
    CGFloat marginY = marginX;
    for (int i = 0; i < count; i++) {
       UIButton *btn = self.subviews[i];
       CGFloat btnX = (i % maxColumn) * (marginX + btnW) + marginX;
       CGFloat btnY = (i / maxColumn) * (marginY + btnH) + marginY;
       btn.frame = CGRectMake(btnX, btnY, btnW, btnH);
    }

}

#pragma mark - UIImagePickerControllerDelegate
-(void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info
{
    UIImage *image;
    if (_allowEdit == YES) { //可編輯
        image = info[UIImagePickerControllerEditedImage];       //編輯后的圖片
    } else { //不可編輯
        image = info[UIImagePickerControllerOriginalImage];     //原始的圖片
    }

    if (editTag == -1) {
       // 創(chuàng)建一個(gè)新的控件
       UIButton *btn = [self createButtonWithImage:image andSeletor:@selector(changeOld:)];
       [self insertSubview:btn atIndex:self.subviews.count - 1];
       [self.images addObject:image];
       if (self.subviews.count - 1 == MaxImageCount) {
           [[self.subviews lastObject] setHidden:YES]; 
       }
    } else {
        // 根據(jù)tag修改需要編輯的控件
        UIButton *btn = (UIButton *)[self viewWithTag:editTag];
        NSInteger index = [self.images indexOfObject:[btn imageForState:UIControlStateNormal]];
        [self.images removeObjectAtIndex:index];
        [btn setImage:image forState:UIControlStateNormal];
        [self.images insertObject:image atIndex:index];
   }

   // 退出圖片選擇控制器
   [picker dismissViewControllerAnimated:YES completion:nil];
}



使用

在ViewController里:

包含頭文件:#import "SudokuAddImageView.h" //頭文件

SudokuAddImageView * addImg_V = [[SudokuAddImageView alloc] init];
//addImg_V.allowEdit = YES; //是否可編輯(含編輯框)
addImg_V.frame = CGRectMake(0, 20, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.width);
[self.view addSubview:addImg_V];

效果:



當(dāng)然刪除按鈕勾效,根據(jù)需求添加E膊丁!我使用的是長(zhǎng)按手勢(shì)
之前的需求是在界面點(diǎn)擊圖片后苇倡,可選擇更換,還是刪除當(dāng)前圖片囤踩!


代碼地址https://github.com/Goyohol/FunctionRealize/tree/master/SukodePicturePicker














goyohol's essay

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末旨椒,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子堵漱,更是在濱河造成了極大的恐慌综慎,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,816評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件勤庐,死亡現(xiàn)場(chǎng)離奇詭異示惊,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)愉镰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門米罚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人丈探,你說我怎么就攤上這事录择。” “怎么了碗降?”我有些...
    開封第一講書人閱讀 158,300評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵隘竭,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我讼渊,道長(zhǎng)动看,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,780評(píng)論 1 285
  • 正文 為了忘掉前任爪幻,我火速辦了婚禮菱皆,結(jié)果婚禮上赋兵,老公的妹妹穿的比我還像新娘。我一直安慰自己搔预,他們只是感情好霹期,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評(píng)論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著拯田,像睡著了一般历造。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上船庇,一...
    開封第一講書人閱讀 50,084評(píng)論 1 291
  • 那天吭产,我揣著相機(jī)與錄音,去河邊找鬼鸭轮。 笑死臣淤,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的窃爷。 我是一名探鬼主播邑蒋,決...
    沈念sama閱讀 39,151評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼按厘!你這毒婦竟也來了医吊?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,912評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤逮京,失蹤者是張志新(化名)和其女友劉穎卿堂,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體懒棉,經(jīng)...
    沈念sama閱讀 44,355評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡草描,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,666評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了策严。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片穗慕。...
    茶點(diǎn)故事閱讀 38,809評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖享钞,靈堂內(nèi)的尸體忽然破棺而出揍诽,到底是詐尸還是另有隱情,我是刑警寧澤栗竖,帶...
    沈念sama閱讀 34,504評(píng)論 4 334
  • 正文 年R本政府宣布暑脆,位于F島的核電站,受9級(jí)特大地震影響狐肢,放射性物質(zhì)發(fā)生泄漏添吗。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,150評(píng)論 3 317
  • 文/蒙蒙 一份名、第九天 我趴在偏房一處隱蔽的房頂上張望碟联。 院中可真熱鬧妓美,春花似錦、人聲如沸鲤孵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)普监。三九已至贵试,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間凯正,已是汗流浹背毙玻。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評(píng)論 1 267
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留廊散,地道東北人桑滩。 一個(gè)月前我還...
    沈念sama閱讀 46,628評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像允睹,于是被迫代替她去往敵國(guó)和親运准。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,724評(píng)論 2 351

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

  • (接上)“瀚飛擂找,這幾天我抽時(shí)間對(duì)你說的人家做了大致的了解戳吝,這戶人家在當(dāng)?shù)芈曌u(yù)不錯(cuò),男主人楊陳軍在郵局工作贯涎,為人謙和...
    柒竅玲瓏閱讀 434評(píng)論 0 0
  • “斑馬~斑馬~”鈴聲響起時(shí),木木正在用一塊曲奇餅誘惑兒子起床慢洋。 “你好塘雳,請(qǐng)下來挪一下車吧!~“ 木木這才想起自己的...
    蔓步森林閱讀 501評(píng)論 2 2
  • 今天,騰沖普筹,有幾個(gè)孩子败明,有幾位大人,不缺快樂只缺煩惱太防!圖片為證妻顶,有目共睹! 我們所有的準(zhǔn)備都被孩子在大自然中的瘋狂...
    溪邊的木木閱讀 398評(píng)論 0 0
  • 01 在初中畢業(yè)十周年同學(xué)聚會(huì)上,我又見到了曾經(jīng)的初戀—曉曉酿愧。 她還是那么美麗沥潭,那么活潑,那么開朗嬉挡。 我一下子被帶...
    林姑娘與波斯貓閱讀 698評(píng)論 1 2
  • 如果自己付出了钝鸽,就不要后悔失去了那份感情汇恤,沒有一個(gè)人一生只談戀愛不做其他事情,也許就在你轉(zhuǎn)身的時(shí)候拔恰,她離開了...
    RoyalAngelin閱讀 257評(píng)論 0 0