iOS仿微信圖片分享介面實現代碼_IOS

分享功能目前幾乎已成為很多app的標配了，其中微信，微博等app的圖片分享介面設計的很棒，不僅能夠展示縮圖，還可以預覽刪除。最近我在做一款社交分享app，其中就要實現圖文分享功能，於是試著自行實現仿微信分享風格的功能。

核心思想：

主要是使用UICollectionView來動態載入分享圖片內容，配合預覽頁面，實現動態添加和預覽刪除圖片效果。

實現效果：

核心代碼如下：

分享介面：

////  PostTableViewController.h//  NineShare////  Created by 張昌偉 on 15/1/26.//  Copyright (c) 2015年 9Studio. All rights reserved.// #import <UIKit/UIKit.h>#import "UMSocial.h"#import "YSYPreviewViewController.h" @interface PostTableViewController : UITableViewController<UITextViewDelegate,UICollectionViewDataSource,UICollectionViewDelegate,UIActionSheetDelegate,UIImagePickerControllerDelegate,UMSocialUIDelegate,UINavigationControllerDelegate> @property (weak,nonatomic)IBOutlet UICollectionView *photosCollectionView;@property (weak,nonatomic)IBOutlet UISwitch *WeiboSwitch;@property (weak,nonatomic)IBOutlet UISwitch *RenrenSwitch;- (IBAction)DoubanSwitched:(id)sender;- (IBAction)RenrenSwitched:(id)sender;- (IBAction)WeiboSwitched:(id)sender; +(void) deleteSelectedImage:(NSInteger) index;+(void) deleteSelectedImageWithImage:(UIImage*)image;@end 

 實現檔案

////  PostTableViewController.m//  NineShare////  Created by 張昌偉 on 15/1/26.//  Copyright (c) 2015年 9Studio. All rights reserved.// #import "PostTableViewController.h"#import "NineShareService.h"static NSMutableArray *currentImages;@interface PostTableViewController ()@property (weak,nonatomic)IBOutlet UITextView *shareContent;- (IBAction)postStatus:(id)sender;- (IBAction)cancelPost:(id)sender;-(void) loadSNSStatus;@property (weak,nonatomic)IBOutlet UISwitch *DoubanSwitch;@property (weak,nonatomic)IBOutlet UITextView *backgroundTextView;@property NSMutableArray *snsArray;//@property NSMutableArray *photos;@property NineShareService *dataContext;@property NSMutableDictionary *tempDict; -(void) openCamera;-(void) openLibary; @end @implementation PostTableViewController - (void)viewDidLoad { [super viewDidLoad]; if(currentImages ==nil) { currentImages=[[NSMutableArray alloc] init]; } // Uncomment the following line to preserve selection between presentations. // self.clearsSelectionOnViewWillAppear = NO;  // Uncomment the following line to display an Edit button in the navigation bar for this view controller. // self.navigationItem.rightBarButtonItem = self.editButtonItem; _dataContext=[NineShareService getInstance]; [self loadSNSStatus];}-(void)viewWillAppear:(BOOL)animated{ [_photosCollectionView reloadData];}- (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated.} -(void) loadSNSStatus{ _snsArray=[NSMutableArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"sns" ofType:@"plist"]]; if(_snsArray.count>0) { [_WeiboSwitch setOn:[_snsArray[0] boolValue] animated:YES]; [_RenrenSwitch setOn:[_snsArray[1] boolValue] animated:YES]; [_DoubanSwitch setOn:[_snsArray[2] boolValue] animated:YES]; }}-(BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text{ if(![text isEqualToString:@""]) { [_backgroundTextView setHidden:YES]; } if([text isEqualToString:@""]&&range.length==1&&range.location==0){ [_backgroundTextView setHidden:NO]; } if ([text isEqualToString:@"\n"]) { [textView resignFirstResponder]; return NO; } return YES;}-(void)textViewDidBeginEditing:(UITextView *)textView{ CGRect frame = textView.frame; int offset = frame.origin.y + 32 - (self.view.frame.size.height - 216.0);//鍵盤高度216  NSTimeInterval animationDuration = 0.30f; [UIView beginAnimations:@"ResizeForKeyboard" context:nil]; [UIView setAnimationDuration:animationDuration];  //將視圖的Y座標向上移動offset個單位，以使下面騰出地方用於軟鍵盤的顯示 if(offset > 0) self.view.frame = CGRectMake(0.0f, -offset, self.view.frame.size.width,self.view.frame.size.height);  [UIView commitAnimations];} -(void)textViewDidEndEditing:(UITextView *)textView{ self.view.frame =CGRectMake(0, 0, self.view.frame.size.width,self.view.frame.size.height);}-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{ if(indexPath.row==currentImages.count) { UIActionSheet *action=[[UIActionSheet alloc] initWithTitle:@"選取照片" delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:nil otherButtonTitles:@"從網路攝影機選取", @"從圖片庫選擇",nil]; [action showInView:self.view]; } else { [YSYPreviewViewController setPreviewImage:currentImages[indexPath.row]]; [self.navigationController pushViewController:[[UIStoryboard storyboardWithName:@"Main" bundle:[NSBundle mainBundle]] instantiateViewControllerWithIdentifier:@"PreviewVC"] animated:YES]; }} -(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{ return currentImages.count==0?1:currentImages.count+1;}-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{ UICollectionViewCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:@"collectionCell" forIndexPath:indexPath]; UIImageView *imageView=[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)]; if(currentImages.count==0||indexPath.row==currentImages.count) { imageView.image=[UIImage imageNamed:@"Add"]; } else{   while ([cell.contentView.subviews lastObject] != nil) {  [(UIView*)[cell.contentView.subviews lastObject] removeFromSuperview]; } imageView.image=currentImages[indexPath.row]; }  imageView.contentMode=UIViewContentModeScaleAspectFill; [cell.contentView addSubview:imageView]; return cell;} -(void)saveSNSToFile{ NSString *destPath=[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory,NSUserDomainMask,YES) lastObject]; if (![[NSFileManager defaultManager] fileExistsAtPath:destPath]) {  NSString *path=[[NSBundle mainBundle] pathForResource:@"sns" ofType:@"plist"]; [[NSFileManager defaultManager] copyItemAtPath:path toPath:destPath error:nil]; }  if(_snsArray==nil) _snsArray=[[NSMutableArray alloc] init]; [_snsArray removeAllObjects]; [_snsArray addObject:_WeiboSwitch.isOn?@"YES":@"NO"]; [_snsArray addObject:_RenrenSwitch.isOn?@"YES":@"NO"]; [_snsArray addObject:_DoubanSwitch.isOn?@"YES":@"NO"]; if(_snsArray.count>0) { [_snsArray writeToFile:destPath atomically:YES]; }} - (IBAction)postStatus:(id)sender { if(_WeiboSwitch.isOn) [[UMSocialDataService defaultDataService] postSNSWithTypes:@[UMShareToSina] content:_shareContent.text.length>0?_shareContent.text: @"9Share for ios test message" image:currentImages.count==0?nil:currentImages[0] location:nil urlResource:nil presentedController:self completion:^(UMSocialResponseEntity *response){  if (response.responseCode == UMSResponseCodeSuccess) {  NSLog(@"分享成功！");  if(!(_RenrenSwitch.isOn||_DoubanSwitch.isOn))  {   [self saveSNSToFile];   [self dismissViewControllerAnimated:YES completion:nil];  }  } }]; if(_RenrenSwitch.isOn) [[UMSocialDataService defaultDataService] postSNSWithTypes:@[UMShareToRenren] content:_shareContent.text.length>0?_shareContent.text: @"9Share for ios test message" image:currentImages.count==0?nil:currentImages[0] location:nil urlResource:nil presentedController:self completion:^(UMSocialResponseEntity *response){  if (response.responseCode == UMSResponseCodeSuccess) {  NSLog(@"分享成功！");  if(!_DoubanSwitch.isOn)  {   [self saveSNSToFile];   [self dismissViewControllerAnimated:YES completion:nil];  }  } }]; if(_DoubanSwitch.isOn) [[UMSocialDataService defaultDataService] postSNSWithTypes:@[UMShareToDouban] content:_shareContent.text.length>0?_shareContent.text: @"9Share for ios test message" image:currentImages.count==0?nil:currentImages[0] location:nil urlResource:nil presentedController:self completion:^(UMSocialResponseEntity *response){  if (response.responseCode == UMSResponseCodeSuccess) {  NSLog(@"分享成功！");  [self saveSNSToFile];  [self dismissViewControllerAnimated:YES completion:nil];  } }];  } -(void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info{ [picker dismissViewControllerAnimated:YES completion:nil]; UIImage *image=[info objectForKey:UIImagePickerControllerOriginalImage]; NSData *tempData=UIImageJPEGRepresentation(image, 0.5f); image=[UIImage imageWithData:tempData]; if(currentImages ==nil) { currentImages=[[NSMutableArray alloc] init]; } [currentImages addObject:image]; [_photosCollectionView reloadData]; // [self saveImage:image withName:@""]} -(void)imagePickerControllerDidCancel:(UIImagePickerController *)picker{ [picker dismissViewControllerAnimated:YES completion:nil];}- (IBAction)cancelPost:(id)sender { [self dismissViewControllerAnimated:YES completion:nil];}  -(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex{  switch (buttonIndex) { case 0:  [self openCamera];  break; case 1:  [self openLibary];  break;  default:  break; }}-(void)openCamera{ //UIImagePickerControllerSourceType *type=UIImagePickerControllerSourceTypeCamera; if([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera]) {  UIImagePickerController *picker=[[UIImagePickerController alloc] init];  picker.delegate=self;  picker.sourceType=UIImagePickerControllerSourceTypeCamera;  picker.allowsEditing=YES;  [self presentViewController:picker animated:YES completion:nil];   }}-(void)openLibary{ if([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypePhotoLibrary]) { UIImagePickerController *picker=[[UIImagePickerController alloc] init]; picker.delegate=self; picker.sourceType=UIImagePickerControllerSourceTypePhotoLibrary; picker.allowsEditing=YES; [self presentViewController:picker animated:YES completion:nil];   } }-(void) saveImage:(UIImage *)image withName:(NSString *)name{ NSData *imageData=UIImageJPEGRepresentation(image, 0.5); NSString *path=[NSTemporaryDirectory() stringByAppendingPathComponent:name]; [imageData writeToFile:path atomically:YES]; }- (IBAction)DoubanSwitched:(id)sender { if(_DoubanSwitch.isOn){ if(![UMSocialAccountManager isOauthAndTokenNotExpired:UMShareToDouban]) {  //進入授權頁面  [UMSocialSnsPlatformManager getSocialPlatformWithName:UMShareToDouban].loginClickHandler(self,[UMSocialControllerService defaultControllerService],YES,^(UMSocialResponseEntity *response){  if (response.responseCode == UMSResponseCodeSuccess) {   //擷取微博使用者名稱、uid、token等   UMSocialAccountEntity *snsAccount = [[UMSocialAccountManager socialAccountDictionary] valueForKey:UMShareToDouban];   NSLog(@"username is %@, uid is %@, token is %@",snsAccount.userName,snsAccount.usid,snsAccount.accessToken);   //進入你的分享內容編輯頁面   UMSocialAccountEntity *doubanAccount = [[UMSocialAccountEntity alloc] initWithPlatformName:UMShareToDouban];   doubanAccount.usid = snsAccount.usid;   doubanAccount.accessToken = snsAccount.accessToken;   //  weiboAccount.openId = @"tencent weibo openId";  //騰訊微博賬戶必需設定openId   //同步處理的使用者資訊   [UMSocialAccountManager postSnsAccount:doubanAccount completion:^(UMSocialResponseEntity *response){   if (response.responseCode == UMSResponseCodeSuccess) {    //在本機快取設定得到的賬戶資訊    [UMSocialAccountManager setSnsAccount:doubanAccount];    //進入你自訂的分享內容編輯頁面或者使用我們的內容編輯頁面   }}];  }  else {   [_DoubanSwitch setOn:NO animated:YES];  }  }); } }} - (IBAction)RenrenSwitched:(id)sender { if(_DoubanSwitch.isOn) { if(![UMSocialAccountManager isOauthAndTokenNotExpired:UMShareToRenren]) {  //進入授權頁面  [UMSocialSnsPlatformManager getSocialPlatformWithName:UMShareToRenren].loginClickHandler(self,[UMSocialControllerService defaultControllerService],YES,^(UMSocialResponseEntity *response){  if (response.responseCode == UMSResponseCodeSuccess) {   //擷取微博使用者名稱、uid、token等   UMSocialAccountEntity *snsAccount = [[UMSocialAccountManager socialAccountDictionary] valueForKey:UMShareToRenren];   NSLog(@"username is %@, uid is %@, token is %@",snsAccount.userName,snsAccount.usid,snsAccount.accessToken);   //進入你的分享內容編輯頁面   UMSocialAccountEntity *renrenAccount = [[UMSocialAccountEntity alloc] initWithPlatformName:UMShareToRenren];   renrenAccount.usid = snsAccount.usid;   renrenAccount.accessToken = snsAccount.accessToken;   //  weiboAccount.openId = @"tencent weibo openId";  //騰訊微博賬戶必需設定openId   //同步處理的使用者資訊   [UMSocialAccountManager postSnsAccount:renrenAccount completion:^(UMSocialResponseEntity *response){   if (response.responseCode == UMSResponseCodeSuccess) {    //在本機快取設定得到的賬戶資訊    [UMSocialAccountManager setSnsAccount:renrenAccount];    //進入你自訂的分享內容編輯頁面或者使用我們的內容編輯頁面   }}];  }  else{   [_RenrenSwitch setOn:NO animated:YES];  }  }); }  }}  - (IBAction)WeiboSwitched:(id)sender { if(_WeiboSwitch.isOn) { if(![UMSocialAccountManager isOauthAndTokenNotExpired:UMShareToSina]) {  [UMSocialSnsPlatformManager getSocialPlatformWithName:UMShareToSina].loginClickHandler(self,[UMSocialControllerService defaultControllerService],YES,^(UMSocialResponseEntity *response){  if(response.responseCode==UMSResponseCodeSuccess){   UMSocialAccountEntity *snsAccount=[[UMSocialAccountManager socialAccountDictionary] valueForKey:UMShareToSina];   UMSocialAccountEntity *sinaAccount=[[UMSocialAccountEntity alloc] initWithPlatformName:UMShareToSina];   //緩衝到本地   sinaAccount.usid = snsAccount.usid;   sinaAccount.accessToken = snsAccount.accessToken;   //  weiboAccount.openId = @"tencent weibo openId";  //騰訊微博賬戶必需設定openId   //同步處理的使用者資訊   [UMSocialAccountManager postSnsAccount:sinaAccount completion:^(UMSocialResponseEntity *response){   if (response.responseCode == UMSResponseCodeSuccess) {    //在本機快取設定得到的賬戶資訊    [UMSocialAccountManager setSnsAccount:sinaAccount];    //進入你自訂的分享內容編輯頁面或者使用我們的內容編輯頁面   }}];   }  else  {   [_WeiboSwitch setOn:NO animated:YES];  }  }); } }} +(void)deleteSelectedImage:(NSInteger)index{ if(currentImages!=nil) [currentImages removeObjectAtIndex:index];}+(void)deleteSelectedImageWithImage:(UIImage *)image{ if(currentImages!=nil) [currentImages removeObject:image]; }@end 

 預覽介面：

//// YSYPreviewViewController.h// NineShare//// Created by ZhangChangwei on 15/2/1.// Copyright (c) 2015年 9Studio. All rights reserved.// #import <UIKit/UIKit.h>#import "PostTableViewController.h" @interface YSYPreviewViewController : UIViewController<UIActionSheetDelegate>+(void) setPreviewImage:(UIImage *)image;@end

//// YSYPreviewViewController.m// NineShare//// Created by ZhangChangwei on 15/2/1.// Copyright (c) 2015年 9Studio. All rights reserved.// #import "YSYPreviewViewController.h"static UIImage *currentImage;@interface YSYPreviewViewController ()- (IBAction)deleteSelectedImage:(id)sender;@property (weak, nonatomic) IBOutlet UIImageView *previewImageView; @end @implementation YSYPreviewViewController - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. _previewImageView.image=currentImage;} - (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated.} /*#pragma mark - Navigation // In a storyboard-based application, you will often want to do a little preparation before navigation- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { // Get the new view controller using [segue destinationViewController]. // Pass the selected object to the new view controller.}*/ - (IBAction)deleteSelectedImage:(id)sender { UIActionSheet *action=[[UIActionSheet alloc] initWithTitle:@"要刪除這張照片嗎？" delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"刪除" otherButtonTitles: nil]; [action showInView:self.view];}-(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex{ if(buttonIndex==actionSheet.cancelButtonIndex) { return; } else { [PostTableViewController deleteSelectedImageWithImage:currentImage]; [self.navigationController popToRootViewControllerAnimated:YES]; }} +(void)setPreviewImage:(UIImage *)image{ currentImage=image;}@end

以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援雲棲社區。