首页 > 移动平台 > 详细

IOS研究院之打开照相机与本地相册选择图片

时间：2014-10-03 10:53:44 阅读：405 评论：0 收藏：0 [点我收藏+]

如下图所示在本地相册中选择一张图片后，我们将他拷贝至沙盒当中，在客户端中将它的缩略图放在按钮旁边，这个结构其实和新浪微薄中选择图片后的效果一样。最终点击发送将按钮将图片2进制图片上传服务器。

下面我们仔细学习具体的细节。创建一个空的IOS项目，接着在创建一个ViewController。

AppDelegate.h 应用的代理类这个没什么好说的就是直接打开刚刚创建的新ViewController。

1
#import <UIKit/UIKit.h>

2
#import "TestViewController.h"

3
 
4
@interface AppDelegate : UIResponder <UIApplicationDelegate>

5
 
6
@property (strong, nonatomic) UIWindow *window;

7
@property (strong, nonatomic) UINavigationController *navController;

8
@property (strong, nonatomic) UIViewController *viewController;

9
@end

AppDelegate.m 在这里就是打开我们创建的TestViewController

01
#import "AppDelegate.h"

02
 
03
@implementation AppDelegate

04
 
05
@synthesize window = _window;

06
@synthesize navController;

07
@synthesize viewController;

08
 
09
- (void)dealloc

10
{

11
    [_window release];

12
    [super dealloc];

13
}

14
 
15
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

16
{

17
    self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];

18
 
19
    self.window.backgroundColor = [UIColor whiteColor];

20
    self.viewController =  [[TestViewController alloc]init];

21
    self.navController = [[UINavigationController alloc] initWithRootViewController:self.viewController];

22
    [self.window addSubview:navController.view];

23
 
24
    [self.window makeKeyAndVisible];

25
    return YES;

26
}

27
 
28
@end

TestViewController.h 注意这里面引入了很多代理类。

01
#import <UIKit/UIKit.h>

02
 
03
@interface TestViewController : UIViewController<UITextViewDelegate,UIActionSheetDelegate,UINavigationControllerDelegate,UIImagePickerControllerDelegate>

04
{

05
    //输入框

06
    UITextView *_textEditor;

07
 
08
    //下拉菜单

09
    UIActionSheet *myActionSheet;

10
 
11
    //图片2进制路径

12
    NSString* filePath;

13
}

14
@end

TestViewController.m 请大家仔细看这个类，所有的东西都写在了这里哈。

001
#import "TestViewController.h"

002
 
003
@interface TestViewController ()

004
 
005
@end

006
 
007
@implementation TestViewController

008
 
009
- (void)viewDidLoad

010
{

011
    [super viewDidLoad];

012
    //导航栏标题

013
    self.navigationItem.title = @"雨松MOMO输入框";

014
 
015
    //导航栏按钮

016
    self.navigationItem.rightBarButtonItem = [[[UIBarButtonItem alloc]

017
                                               initWithTitle: @"发送"

018
                                               style: UIBarButtonItemStyleDone

019
                                               target: self

020
                                               action: @selector(sendInfo)] autorelease];

021
 
022
    //输入框显示区域

023
    _textEditor = [[UITextView alloc] initWithFrame:CGRectMake(0, 0, 320, 100)];

024
    //设置它的代理

025
    _textEditor.delegate = self;

026
    _textEditor.autoresizingMask = UIViewAutoresizingFlexibleWidth;

027
    _textEditor.keyboardType = UIKeyboardTypeDefault;

028
    _textEditor.font = [UIFont systemFontOfSize:20];

029
    _textEditor.text = @"请输入内容";

030
 
031
    //默认软键盘是在触摸区域后才会打开

032
    //这里表示进入当前ViewController直接打开软键盘

033
    [_textEditor becomeFirstResponder];

034
 
035
    //把输入框加在视图中

036
    [self.view addSubview:_textEditor];

037
 
038
    //下方的图片按钮 点击后呼出菜单 打开摄像机 查找本地相册

039
    UIImage *image = [[UIImage alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"camera" ofType:@"png"]];

040
 
041
    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

042
    button.frame = CGRectMake(0, 120, image.size.width, image.size.height);

043
 
044
    [button setImage:image forState:UIControlStateNormal];

045
 
046
    [button addTarget:self action:@selector(openMenu) forControlEvents:UIControlEventTouchUpInside];

047
 
048
    //把它也加在视图当中

049
    [self.view addSubview:button];

050
 
051
}

052
 
053
-(void)openMenu

054
{

055
    //在这里呼出下方菜单按钮项

056
    myActionSheet = [[UIActionSheet alloc]

057
                 initWithTitle:nil

058
                 delegate:self

059
                 cancelButtonTitle:@"取消"

060
                 destructiveButtonTitle:nil

061
                 otherButtonTitles: @"打开照相机", @"从手机相册获取",nil]; 

062
 
063
    [myActionSheet showInView:self.view];

064
    [myActionSheet release];   

065
 
066
}

067
 
068
- (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex

069
{

070
 
071
    //呼出的菜单按钮点击后的响应

072
    if (buttonIndex == myActionSheet.cancelButtonIndex)

073
    {

074
        NSLog(@"取消");

075
    }

076
 
077
    switch (buttonIndex)

078
    {

079
        case 0:  //打开照相机拍照

080
            [self takePhoto];

081
            break;

082
 
083
        case 1:  //打开本地相册

084
            [self LocalPhoto];

085
            break;

086
    }

087
}

088
 
089
//开始拍照

090
-(void)takePhoto

091
{

092
    UIImagePickerControllerSourceType sourceType = UIImagePickerControllerSourceTypeCamera;

093
    if ([UIImagePickerController isSourceTypeAvailable: UIImagePickerControllerSourceTypeCamera])

094
    {

095
        UIImagePickerController *picker = [[UIImagePickerController alloc] init];

096
        picker.delegate = self;

097
        //设置拍照后的图片可被编辑

098
        picker.allowsEditing = YES;

099
        picker.sourceType = sourceType;

100
        [picker release];

101
        [self presentModalViewController:picker animated:YES];

102
    }else

103
    {

104
        NSLog(@"模拟其中无法打开照相机,请在真机中使用");

105
    }

106
}

107
 
108
//打开本地相册

109
-(void)LocalPhoto

110
{

111
    UIImagePickerController *picker = [[UIImagePickerController alloc] init];

112
 
113
    picker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;

114
    picker.delegate = self;

115
    //设置选择后的图片可被编辑

116
    picker.allowsEditing = YES;

117
    [self presentModalViewController:picker animated:YES];

118
    [picker release];

119
}

120
 
121
//当选择一张图片后进入这里

122
-(void)imagePickerController:(UIImagePickerController*)picker didFinishPickingMediaWithInfo:(NSDictionary *)info

123
 
124
{

125
 
126
    NSString *type = [info objectForKey:UIImagePickerControllerMediaType];

127
 
128
    //当选择的类型是图片

129
    if ([type isEqualToString:@"public.image"])

130
    {

131
        //先把图片转成NSData

132
        UIImage* image = [info objectForKey:@"UIImagePickerControllerOriginalImage"];

133
        NSData *data;

134
        if (UIImagePNGRepresentation(image) == nil)

135
        {

136
            data = UIImageJPEGRepresentation(image, 1.0);

137
        }

138
        else

139
        {

140
            data = UIImagePNGRepresentation(image);

141
        }

142
 
143
        //图片保存的路径

144
        //这里将图片放在沙盒的documents文件夹中

145
        NSString * DocumentsPath = [NSHomeDirectory() stringByAppendingPathComponent:@"Documents"]; 

146
 
147
        //文件管理器

148
        NSFileManager *fileManager = [NSFileManager defaultManager];

149
 
150
        //把刚刚图片转换的data对象拷贝至沙盒中 并保存为image.png

151
        [fileManager createDirectoryAtPath:DocumentsPath withIntermediateDirectories:YES attributes:nil error:nil];

152
        [fileManager createFileAtPath:[DocumentsPath stringByAppendingString:@"/image.png"] contents:data attributes:nil];

153
 
154
        //得到选择后沙盒中图片的完整路径

155
        filePath = [[NSString alloc]initWithFormat:@"%@%@",DocumentsPath,  @"/image.png"];

156
 
157
        //关闭相册界面

158
        [picker dismissModalViewControllerAnimated:YES];

159
 
160
        //创建一个选择后图片的小图标放在下方

161
        //类似微薄选择图后的效果

162
        UIImageView *smallimage = [[[UIImageView alloc] initWithFrame:

163
                                   CGRectMake(50, 120, 40, 40)] autorelease];   

164
 
165
        smallimage.image = image;

166
        //加在视图中

167
        [self.view addSubview:smallimage];

168
 
169
    }

170
 
171
}

172
 
173
- (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker

174
{

175
    NSLog(@"您取消了选择图片");

176
    [picker dismissModalViewControllerAnimated:YES];

177
}

178
 
179
-(void)sendInfo

180
{

181
    NSLog(@"图片的路径是：%@", filePath);

182
 
183
    NSLog(@"您输入框中的内容是：%@", _textEditor.text);

184
}

185
 
186
- (void)viewDidUnload

187
{

188
    [super viewDidUnload];

189
    // Release any retained subviews of the main view.

190
}

191
 
192
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

193
{

194
    return (interfaceOrientation == UIInterfaceOrientationPortrait);

195
}

196
 
197
@end

如下图所示，打开下拉菜单按钮开始选择打开相机或者打开本地相册。模拟器中是无法打开照相机的的，切记。

如下图所示，这里就是我本地的相册啦，里面保存了几张图片，选择一张即可。

我在这里再说说图片上传，图片上传我们采用的是2进制ASIHTTPRequest 来完成的。

发送请求

01
NSString *server_base = [NSString stringWithFormat:@"%@/users/uploadResource.json", _server];

02
 
03
ASINetworkQueue *queue = [[ASINetworkQueue alloc] init]; 

04
 
05
ASIFormDataRequest *request = [ASIFormDataRequest requestWithURL:[NSURL URLWithString:server_base]];

06
 
07
[ASIHTTPRequest setShouldUpdateNetworkActivityIndicator: NO];

08
[request setDelegate :self];

09
[request setDidFinishSelector:@selector(sendCommentSucc:)];

10
[request setDidFailSelector:@selector(sendCommentFail:)];

11
// res 就是 需要上传图片文件的路径

12
[request setFile:res forKey:@"res"];

13
 
14
[queue addOperation:request];

15
[queue go];

最后是文本的源码下载地址：http://vdisk.weibo.com/s/accm9

原文：http://blog.csdn.net/l_ch_g/article/details/11738129

IOS研究院之打开照相机与本地相册选择图片

原文：http://www.cnblogs.com/langtianya/p/4004751.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)