UIImageView - BNR
继续上节UINavigationController - BNR。
打开BNRDetailViewController.xib文件,向view中添加UIImageView对象,选中该对象,通过Attributes Inspector -> View -> Mode -> Aspect Fit,调整UIImageView对象的contentMode属性。
同时,添加UIToolBar拖到view的底部。选中UIToolBar的Item,通过Attributes Inspector -> Bar Button Item -> System Item -> Camera,将其改为相机图标。此相机按钮需要一个target和action。如下所示:

在BNRDetailViewController.m的类扩展中与UIImageView建立outlet连接,如下:

选择相机按钮,Control-Drag到BNRDetailViewController.m,创建takePicture:方法,如下:

同时,将UIToolBar建立一个outlet,取名为toolBar。
当我们创建了一个UIImagePickerController对象时,必须设置它的sourceType属性和给它分配一个delegate。
sourceType常量告诉UIImagePicker对象从哪里获取照片。其有三个可选的值,1)UIImagePickerControllerSourceTypeCamera,拍摄一张新的照片,使用该常量前,需要将isSourceTypeAvailable:方法发送给UIImagePickerController,检验该设备是否有相机功能;2)UIImagePickerControllerSourceTypePhotoLibrary,将选择一个照片集,从该照片集中选择照片;3)UIImagePickerControllerSourceTypeSavedPhotoAlbum,将从最近拍摄的照片中获取。
在BNRDetailViewController.m中,添加协议:
@interface BNRDetailViewController () <UINavigationControllerDelegate, UIImagePickerControllerDelegate>
在BNRDetailViewController.m中,修改takePicture:方法如下:
- (IBAction)takePicture:(id)sender {
UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];
if ([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera]) {
imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;
} else {
imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
}
imagePicker.delegate = self;
[self presentViewController:imagePicker animated:YES completion:nil];
}
UIImagePickerController对象已模态方式呈现。一个模态视图控制器将占据整个屏幕直到结束操作。
当用户已经选好一张照片时,imagePickerController:didFinishPickingMediaWithInfo:方法给被自动发送给UIImagePicker的委托对象。
- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info {
// 从info字典中获取选择的image
UIImage *image = info[UIImagePickerControllerOriginalImage];
self.imageVeiw.image = image;
// 退出UIImagePickerController
[self dismissViewControllerAnimated:YES completion:nil];
}
将照片存入disk中,当需要它们的时候才放到RAM中。
创建一个新的NSObject的子类BNRImageStore,其将持有用户使用的照片,其为单例模式。因为图像一般都比较大,将它们与其它数据分离开比较少。
打开BNRImageStore.h,添加如下方法:
#import <UIKit/UIKit.h> //此处将Foundation/Foundation.h修改为UIKit/UIKit.h @interface BNRImageStore : NSObject + (instancetype)sharedImage; - (void)setImage:(UIImage *)image forKey:(NSString *)key;
- (UIImage *)imageForKey:(NSString *)key;
- (void)deleteImageForKey:(NSString *)key; @end
打开BNRImageStore.m文件,添加类扩展,并声明一个变量,如下:
@interface BNRImageStore () @property (nonatomic, strong) NSMutableArray *dictionary; // 存放图片 @end
再添加下面的代码:
+ (instancetype)sharedImage {
static BNRImageStore *shareStore = nil;
if (!shareStore) {
shareStore = [[BNRImageStore alloc] initPrivate];
}
return shareStore;
}
- (instancetype)init {
@throw [NSException exceptionWithName:@"Singleton"
reason:@"Use+[BNRImageStore sharedStore]"
userInfo:nil];
return nil;
}
// Designated initializer
- (instancetype)initPrivate {
self = [super init];
if (self) {
_dictionary = [[NSMutableDictionary alloc] init];
}
return self;
}
实现在头文件中声明的三个实例方法:
- (void)setImage:(UIImage *)image forKey:(NSString *)key {
self.dictionary[key] = image;
}
- (UIImage *)imageForKey:(NSString *)key {
return self.dictionary[key];
}
- (void)deleteImageForKey:(NSString *)key {
if (!key) {
return;
}
[self.dictionary removeObjectForKey:key];
}
当你需要一个模型对象时,需要创建一个继承自NSObject的新类,并且给予它恰当的实例变量。
在BNRItem.h中,添加一个实例变量用来存放图片的键值,如下:
@property (nonatomic, copy) NSString *itemKey; // 存放BNRImageStore中图像的键值
同时打开BNRItem.m文件,导入BNRImageStore头文件,如下:
#import "BNRImageStore.h"
我们将使用通用唯一标识码(Universally Unique Identifier,UUIDs)作为key值。在Objective-C中,用NSUUID类来代表UUID。修改BNRItem.m中的initWithItemName:valueInDollars:serialNumber:方法如下:
// designated initializer
- (instancetype)initWithItemName:(NSString *)name
valueInDollars:(int)value
serialNumber:(NSString *)sNumber
{
// Call the superclass's designated initializer
self = [super init]; // Did the superclass's designated initializer succeed?
if (self) {
// Give the instance variables initial values
_itemName = name;
_serialNumber = sNumber;
_valueInDollars = value;
// Set _dateCreated to the current date and time
_dateCreated = [[NSDate alloc] init]; NSUUID *uuid = [[NSUUID alloc] init];
NSString *key = [uuid UUIDString];
_itemKey = key;
} // Return the address of the newly initialized object
return self;
}
修改BNRDetailViewController.m中的imagePickerController:didFinishPickingMediaWithInfo:方法如下:
- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info {
// 从info字典中获取选择的image
UIImage *image = info[UIImagePickerControllerOriginalImage];
[[BNRImageStore sharedImage] setImage:image forKey:self.item.itemKey];
self.imageVeiw.image = image;
// 退出UIImagePickerController
[self dismissViewControllerAnimated:YES completion:nil];
}
当用户每次获取到图片的时候,就会将其存入image store中。BNRImageStore和BNRItem类都知道图像的key,因此能通过两者来获取图片。
打开BNRItemStore.m,导入BNRImageStore的头文件,如下:
#import "BNRImageStore.h"
当删除一个item的时候,需要从image store 中删除其图像,修改removeItem:方法如下:
- (void)removeItem:(BNRItem *)item {
NSString *key = item.itemKey;
[[BNRImageStore sharedImage] deleteImageForKey:key];
[self.privateItems removeObjectIdenticalTo:item];
}
当图片第一次被创建的时候,它将存在于内存中特定的地址中。下一次程序启动的时候,图片在内存中的地址将会发生改变,因此不能通过指针来获取图片。
打开,BNRDetailViewController.m,在类扩展中添加UITextFieldDelegate协议,然后修改textFieldShouldReturn:方法,这样当输入结束时,点击return按钮可隐藏键盘。代码如下:
- (BOOL)textFieldShouldReturn:(UITextField *)textField {
[textField resignFirstResponder];
return YES;
}
为了让用户点击屏幕上的任何地方都能隐藏键盘,首先,打开BNRDetailViewController.xib,选中view视图,打开Attributes Inspector,将其class改为UIControl。
按住view,Control-drag到BNRDetailViewController.m文件的实现处,按下图构造一个action:

修改刚添加的action代码如下:
- (IBAction)backgroundTapped:(id)sender {
[self.view endEditing:YES];
}
程序代码如下:http://pan.baidu.com/s/1c00muxa
UIImagePickerController对象有一个mediaType属性,其为字符串数组,包含标识符,来说明可以选择哪种类型的media。默认只包含kUTTypeImage,可向其添加kUTTypeMovie,使UIImagePickerController能够选择视频。修改BNRDetailViewController.m的takePicture:方法,
- (IBAction)takePicture:(id)sender {
UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];
NSArray *availableType = [UIImagePickerController availableMediaTypesForSourceType:UIImagePickerControllerSourceTypeCamera];
imagePicker.mediaTypes = availableType;
if ([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera]) {
imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;
} else {
imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
}
imagePicker.delegate = self;
[self presentViewController:imagePicker animated:YES completion:nil];
}
真机测试结果如下:

次时在模拟器上测试会遇到会遇到NSInvalidArgumentException错误。只能在真机上测试。
如何免费设置真机调试,请参考下述连接的文章:http://www.bubuko.com/infodetail-1061938.html
在真机上运行时,若出现Security的警告,则在iPhone的设置里面:Settings -> General -> Profiles,选择DEVELOPER APP下的开发者账号,之后选择Trust即可。
UIImageView - BNR的更多相关文章
- Auto Layout - BNR
继续UIImageView - BNR篇. 通过Homepwner TARGETS -> General -> Deployment Info -> Devices中的iPhone改 ...
- Auto Layout: Programmatic Constraints - BNR
继续Auto Layout - BNR篇. 打开BNRDetailViewController.m文件,重载viewDidLoad方法来创建UIImageView对象.当你想要给通过加载NIB文件创建 ...
- AFNetworking 3.0 源码解读(十)之 UIActivityIndicatorView/UIRefreshControl/UIImageView + AFNetworking
我们应该看到过很多类似这样的例子:某个控件拥有加载网络图片的能力.但这究竟是怎么做到的呢?看完这篇文章就明白了. 前言 这篇我们会介绍 AFNetworking 中的3个UIKit中的分类.UIAct ...
- 6. UIImageView 的使用
1. UIImageView 的认识 QQ:853740091 UIImageView 继承UIView,通过他的名字我们也可以看出这个是用来显示图片的 2. 使用方法 UIImageView *im ...
- UI控件(UIImageView)
@implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; image1_ = [UIImage imageNa ...
- iOS--使用UIImageView进行GIF动图播放
大家好,好久没有跟新了.其实也就昨天到今天的时间. 前言:实际上,GIF动图文件中包含了一组图片及其信息数组,这些信息数据记录着这一组图片中各张图片的播放时长等信息,我们可以将图片和这些信息或取出来, ...
- UIImageView 自带动画+N张图片实现很炫的动画
gitHub上又看到个很炫的动画:https://github.com/MartinRGB/GiftCard-iOS 看了看他的代码,发现核心动画(就是把按钮包装成一个礼物盒)其实很简单,就是把一 ...
- UIImageView
- (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. /***** ...
- IOS开发之Bug--关于UIImageView的使用
这里是遇到的一个关于使用UIImageView的小bug,bug就是加载不出来图片. 原因:如果图片资源是jpg文件,如果代码没有加后缀.jpg就会出现不加载出来的情况: 添加上.jpg就能加载出来了 ...
随机推荐
- loadrunner 脚本优化-集合点设置
脚本优化-集合点设置 by:授客 QQ:1033553122 添加集合点(Insert->Rendezvous) 当一个集合点被插入,VuGen往Vuser脚本中插入一个lr_rendezvou ...
- (后端)sql手工注入语句&SQL手工注入大全(转)
转自脚本之家: 看看下面的1.判断是否有注入;and 1=1;and 1=2 2.初步判断是否是mssql;and user>0 3.判断数据库系统;and (select count(*) f ...
- seajs的原理以及基本使用
seajs模块化开发 模块化开发,把整个文件分割成一个一个小文件. 使用方法 使用方法特别简单,首先在官网中下载sea.js,然后在页面中引入. index.html // 1.路径 // 2.回调 ...
- c/c++ 标准顺序容器 之 push_back,push_front,insert,emplace 操作
c/c++ 标准顺序容器 之 push_back,push_front,insert,emplace 操作 关键概念:向容器添加元素时,添加的是元素的拷贝,而不是对象本身.随后对容器中元素的任何改变都 ...
- LeetCode算法题-Third Maximum Number(Java实现-四种解法)
这是悦乐书的第222次更新,第235篇原创 01 看题和准备 今天介绍的是LeetCode算法题中Easy级别的第89题(顺位题号是414).给定非空的整数数组,返回此数组中的第三个最大数字.如果不存 ...
- 比较两个List是否相等,长度和内容都相等
/** *list中存在重复数据,且顺序不一样*/import java.util.ArrayList; import java.util.Collections; import java.util. ...
- 获取自定义data的几种属性
//获取data属性的几种方法 var id = this.getAttribute('data-id'); var id = $(this).attr('data-id'); var id = $( ...
- qemu 虚拟机
http://blog.csdn.net/caspiansea/article/details/12986565
- js屏蔽/过滤 特殊字符,输入就删除掉,实时删除,
原文:http://niuxiaoxia870563296.iteye.com/blog/1828189 1.替换方法: <input type="text" class=& ...
- node基础—http模块
在浏览器输入存在的网址的一个交互过程 1.用户通过浏览器发送一个http的请求到指定的主机 2.服务器接收到该请求,对该请求进行分析和处理 3.服务器处理完成以后,返回对应的数据到用户机器 4.浏览器 ...