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取余数,为了点击多次后回到第一张
}