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
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持本站。
相關文章
+