您的位置：首页 > 移动开发 > IOS开发

IOS学习：打开照相机与本地相册选择图片

2014-06-09 21:32 459 查看
转载于：http://www.xuanyusong.com/archives/1493

如下图所示 在本地相册中选择一张图片后，我们将他拷贝至沙盒当中，在客户端中将它的缩略图放在按钮旁边，这个结构其实和新浪微薄中选择图片后的效果一样。最终点击发送将按钮将图片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];
 

最后是文本的源码，雨松MOMO祝大家学习愉快，不早了，我也得睡觉啦，1点多了。。。

下载地址：http://vdisk.weibo.com/s/accm9
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  ios开发 图片
相关文章推荐
新的分享
章节导航