iOS开发1--加载Bundle图片

iOS开发1

项目说明

1.创建Bundle文件

2.在iOS项目中使用Bundle文件

3.创建图片显示程序，用户点击切换图片

---

1.创建Bundle文件

Bundle文件就是资源文件包。我们将许多图片、XIB、文本文件组织在一起，打包成一个Bundle文件，方便其他项目引用其中包内的资源。

·打开Xcode，选择macOS，Bundle，点击next

·Product Name为NickWangSourcesBundle

·如下图所示，将系统设置成iOS，将Build Active Architecture Only中Debug改为NO

·设置User-Defined中COMBINE_HIDPI_IMAGES设置为NO

·设置Skip Install为NO，并删除Installation Directory的值

·将资源文件添加至SourcesBundle文件夹中，在弹出的菜单中记得勾选“Add to targets”选项，默认已勾选

·编译生成Bundle文件，选择使用的机型，这里使用“Generic iOS Device”，点击command+b进行编辑，生成Bundle资源文件。

---

2.在iOS中使用Bundle文件

创建iOS程序，然后使用UIImageView控件将Bundle中的图片资源进行显示，并在每一次点击后更换图片

·重新打开Xcode，File->New->Project->iOS->Application->single View App，注意这里使用的是Object-C语言，在创建时不要选成了Swift。

·将刚才制作好的Bundle拖到该项目中

·点击左边的“Main.storyboard”，出现如下图所示界面，在右下角输入“image”，将“UIImageView”拖拽到界面中，设置合适大小

·选中“Main.storyboard”后点击右上角的“”按钮，会弹出如下视图，光标在UIImageView上按住“control”并拖动至@interface中创建Outlet属性。

·从Bundle中加载图片，保存在数组array中

//在@interface中创建数组用于存储图片
@property NSArray *array; 
//在@implementation中ViewDidLoad函数中从Bundle中读取图片
//方法arrayWithObjects向NSArray发送消息创建数组，参数为数组的元素
//nil表示数组的结束，数组中有三个元素，分别是从Bundle中加载的图片
_array = [NSArray arrayWithObjects:
             [UIImage imageNamed:@"NickWangSourcesBundle.bundle/uzi.png"],
             [UIImage imageNamed:@"NickWangSourcesBundle.bundle/uzi2.png"],
             [UIImage imageNamed:@"NickWangSourcesBundle.bundle/uzi3.png"],
             nil];

·初始化UIImageView控件，并设置初始图片，图片填充方式，是否可以进行用户交互，以及设置交互的响应函数

//在@interface中创建数组中图片的索引变量
@property NSInteger imgIndex;
//在@在@implementation中ViewDidLoad函数中
_imgView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 10, 300, 500)];  //初始化
    _imgView.image = [_array objectAtIndex:_imgIndex]; //设置初始图片
    [self.view addSubview:_imgView]; //加载视图
    _imgView.contentMode = UIViewContentModeScaleAspectFill; //设置图片填充方式
    [_imgView setUserInteractionEnabled:YES]; //开启用户交互
    [_imgView addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(clickCategory:)]]; // 设置交互的响应函数clickCategory:
}

·在响应函数中，只需要修改控件填充的图片即可

-(void)clickCategory:(UITapGestureRecognizer *)gestureRecognizer
{
    _imgView.image = [_array objectAtIndex:(++_imgIndex)%3]; //因为只有3张图片，和3取余数，为了点击多次后回到第一张
}