你的位置:首页 > 操作系统

[操作系统]表格选中效果展示


 

源代码地址:https://github.com/EizoiOS/ImagePickerClass

效果图如下:

 

在单元格上增加一张图片,此处的实例是把背景阴影也一起做为一张图片,平时可以通过一个VIEW来设置它的透明度;还要单元格给它赋于相应的点击事件;

 1:此为单元格视图,用于处理选中的效果 

EiaoAsset.h文件

@interface EizoAsset : UIView{ UIImageView * selectedView; // 创建一个ImageView -- 用来添加到选中的这个图片上 BOOL selected; // 创建一个bool值 -- 用来标识有无选中}@property (strong,nonatomic)ALAsset * asset; // 通过ALAsset获得相应的资源@property (assign , nonatomic) id parent;-(id)initWithAsset:(ALAsset*)asset;-(BOOL)selected;-(void)toggleSelection;@end

EiaoAsset.m文件:#import "EizoAsset.h"@interface EizoAsset(){  UIImageView * assetImageView; // 展示这个每一张图片的ImageView}@end@implementation EizoAsset-(id)initWithAsset:(ALAsset *)asset {  if (self = [super initWithFrame:CGRectMake(0, 0, 0, 0)]) {    self.asset = asset;    assetImageView = [[UIImageView alloc]init];    assetImageView.contentMode = UIViewContentModeScaleAspectFill;    assetImageView.image = [UIImage imageWithCGImage:[self.asset thumbnail]];    // ALAsset的thumbnail是图片的缩略图    [self addSubview:assetImageView];    selectedView = [[UIImageView alloc]init];    selectedView.image = [UIImage imageNamed:@"Select.png"];    selectedView.hidden = YES;    [self addSubview:selectedView];  }  return self;}- (BOOL)selected {  return !selectedView.hidden;}-(void)setSelected:(BOOL)_selected {  [selectedView setHidden:!_selected];}// 在单元格 也就是上一个层面添加了一个手势 点击变化选中的状态 也就是改变这个bool值- (void)toggleSelection {  selectedView.hidden = !selectedView.hidden;}-(void)setFrame:(CGRect)frame {  [super setFrame:frame];  assetImageView.frame = self.bounds;  selectedView.frame = self.bounds;}@end

注意:这边已经把选中的效果去加上去,只是让它先隐藏起来,还设置它点击触发的事件;ALAsset就是数据模型,用来存一些图片的数据;

 

2:单元格文件:

eiaoAssetCell.h文件

#import <UIKit/UIKit.h>#define topMargin 5@interface EizoAssetCell : UITableViewCell// 单元格的创建方法-(instancetype)initWithAssets:(NSArray *)assets reuseIdentifier:(NSString *)identifier;// 传入这个assets的方法-(void)setAssets:(NSArray *)assets;// @property (nonatomic,retain) NSArray * linesAssets; // 传入的图片的数组 -- 应该是所有的图片@endeiaoAssetCell.m 文件:#import "EizoAssetCell.h"#import "EizoAsset.h"@implementation EizoAssetCell-(instancetype)initWithAssets:(NSArray *)assets reuseIdentifier:(NSString *)identifier { if (self = [super initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier]) { self.linesAssets = assets; } return self;}-(void)layoutSubviews { CGFloat h = self.bounds.size.height - topMargin; CGFloat margin = (self.bounds.size.width - 4 * h) / 5.0; CGRect frame = CGRectMake(margin,topMargin, h, h); for(EizoAsset * eizoAsset in self.linesAssets) { eizoAsset.frame = frame; UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:eizoAsset action:@selector(toggleSelection)]; [eizoAsset addGestureRecognizer:tap]; [self addSubview:eizoAsset]; frame.origin.x = frame.origin.x + frame.size.width + margin; }}@end

注意:这边最为重要的是在layoutSubviews里面的代码,UITapGestureRecognizer把target指向上面创建的EizoAsset视图,这样便可以调用上面创建的选中及反选的事件;