Modifying the ImagePicker Controller

Hi Everyone,

I would really really appreciate if you can advice/help me with the "Select All" images functionality in the ImagePicker Controller . When the user clicks on "Select All" button, all the images should be toggled to display that they are "selected". And on clicking "Done" - these selected images should be accessible for performing other operations like upload etc. The code already contains the logic for displaying images from the photo album, toggling selection of one image at a time. I would like to select all and display the overlay image (tick mark ) image on all the images.

I am stuck in achieving the selection/deselection of all the images simultaneously. Can anyone help.

Please find the source code at http://www.r-she-yeah.com/iphone

Appreciate your help !!!

Thanks a lot

rsheyeah

Unfortunately, the UIImagePicker is written to only allow one image/media to be selected, it does not have SelectAll. In order to do that you would have to write your own custom UIView to do that. You cannot even inherit from UIImagePicker.

There is one thing in the documentation about an overlay to customize the look, but it still would have the delegate and with them only able to select one.
http://developer.apple.com/library/ios/#documentation/UIKit/Reference/UIImagePickerController_Class/UIImagePickerController/UIImagePickerController.html

Writing your own custom UIView is a huge topic. Too big for a forum post. You will unfortunately have to find any tutorial or book or documentation that is out there.

Good Luck

Mark

Thanks for your reply Mark. Please see the code. It already uses AssetLibrary Framework and custom view to select multiple images.

I just want to be able to select all the images on click of Select All button .And the display to show an overlay image as done on selection of 1 image...

Unfortunately, I am not allowed to download your files.

If you already have the select all button, then why not just loop through all the images and whatever you are using to "select" one, use it to select each and every one of them.

Maybe you can post that part of your code here in the forum.

Thanks

Mark

/**********************************************/
#import "AlbumPickerC.h"
#import "MultipleImagePickerC.h"
#import "AssetTablePicker.h"
#import "photoboxAppDelegate.h"
#import "AssetCell.h"
#import "Asset.h"

@implementation AlbumPickerC

@synthesize albumpickerC_parent;

#pragma mark -
#pragma mark View lifecycle

- (void)viewDidLoad {
    [super viewDidLoad];
	
	[self.navigationItem setTitle:@"Loading..."];
	
	//	queue = [NSOperationQueue mainQueue];
	//	NSInvocationOperation *operation = [[NSInvocationOperation alloc] initWithTarget:self selector:@selector(preparePhotos) object:nil];
	//	[queue addOperation:operation];
	
	[self performSelectorInBackground:@selector(preparePhotos) withObject:nil];
	
	UIBarButtonItem *cancelButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCancel target:self action:@selector(dismiss:)];
	[self.navigationItem setRightBarButtonItem:cancelButton];
	[cancelButton release];
	
	//Initialize the toolbar	
	UIToolbar *toolbar = [[UIToolbar alloc] init];
	toolbar.barStyle = UIBarStyleDefault;
	//Set the toolbar to fit the width of the app.
	[toolbar sizeToFit];
	//Caclulate the height of the toolbar
	CGFloat toolbarHeight = [toolbar frame].size.height;
	//Get the bounds of the parent view
	CGRect rootViewBounds = self.navigationController.view.bounds;
	//Get the height of the parent view.
	CGFloat rootViewHeight = CGRectGetHeight(rootViewBounds);
	//Get the width of the parent view,
	CGFloat rootViewWidth = CGRectGetWidth(rootViewBounds);
	//Create a rectangle for the toolbar
	CGRect rectArea = CGRectMake(0, rootViewHeight - toolbarHeight, rootViewWidth, toolbarHeight);
	
	//Reposition and resize the receiver
	[toolbar setFrame:rectArea];
	//Create a button
	UIBarButtonItem *selectButton = [[UIBarButtonItem alloc] 
								   initWithTitle:@"Select All" 
								   style:UIBarButtonItemStyleBordered 
								   target:self 
								   action:@selector(selectall_clicked:)];
	
	// flex item used to separate the left groups items and right grouped items
	UIBarButtonItem *flexItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace
																			  target:nil
																			  action:nil];
	[toolbar setItems:[NSArray arrayWithObjects:flexItem,selectButton,nil]];
	
	
	
	//Add the toolbar as a subview to the navigation controller.
	[self.navigationController.view addSubview:toolbar];
	
	[flexItem release];
	[infoButton release];
	
	
}

- (void) selectall_clicked:(id)sender {
	
	 // TODO:  RELOAD the AssetTableController view ?
	NSLog(@"Select All Clicked %@",sender);
	NSLog(@"inside for loop of assets - All Clicked ");
	
	 
}

-(void)dismiss:(id)sender {
	
	printf("inside AlbumPickerController :: calling cancelImagePicker");
		
	[self dismissModalViewControllerAnimated:YES]; //modified by rsheyeah
	
	
}

-(void)preparePhotos {
	
	printf("inside AlbumPickerController :: calling preparePhotos");
	
	NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
	
	void (^assetGroupEnumerator)(struct ALAssetsGroup *, BOOL *) = ^(ALAssetsGroup *group, BOOL *stop) {
		if(group != nil) {
			[assetGroups addObject:group];
			NSLog(@"Number of assets in group %d", [group numberOfAssets]);
		}
		
		[self performSelectorOnMainThread:@selector(reloadTableView) withObject:nil waitUntilDone:NO];
	};
	
	assetGroups = [[NSMutableArray alloc] init];
	
	ALAssetsLibrary *library = [[ALAssetsLibrary alloc] init];
	[library enumerateGroupsWithTypes:ALAssetsGroupAll
						   usingBlock:assetGroupEnumerator 
						 failureBlock:^(NSError *error) {
							 NSLog(@"A problem occured");					
						 }];	
	[library release];
	[pool release];
}

-(void)reloadTableView {
	
	printf("reloadTableView");
	
	[self.tableView reloadData];
	[self.navigationItem setTitle:@"Select an Album"];
	//[self.navigationController.view removeFromSuperview];
}

-(void)selectedAssets:(NSArray*)_assets {
	
	printf("inside selectedAssets of AlbumPickerC :: calling selectedAssets of MultipleImagePickerC");
	
	NSString *_myassets;
	
	for (_myassets in _assets)
        NSLog (@"Element = %@", _myassets);
	
	[(MultipleImagePickerC*)albumpickerC_parent selectedAssets:_assets];
}

#pragma mark -
#pragma mark Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    // Return the number of sections.
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    // Return the number of rows in the section.
    return [assetGroups count];
}

// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    static NSString *CellIdentifier = @"Cell";
    
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
    }
    
    cell.textLabel.text = [NSString stringWithFormat:@"%@ (%d)",[(ALAsset*)[assetGroups objectAtIndex:indexPath.row] valueForProperty:ALAssetsGroupPropertyName], [(ALAssetsGroup*)[assetGroups objectAtIndex:indexPath.row] numberOfAssets]];
    [cell.imageView setImage:[UIImage imageWithCGImage:[(ALAssetsGroup*)[assetGroups objectAtIndex:indexPath.row] posterImage]]];
	[cell setAccessoryType:UITableViewCellAccessoryDisclosureIndicator];
	
    return cell;
}

#pragma mark -
#pragma mark Table view mip_delegate

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
	
	AssetTablePicker *picker = [[AssetTablePicker alloc] initWithNibName:@"AssetTablePicker" bundle:[NSBundle mainBundle]];
	[picker setParent:self];
	[picker setAssetsGroup:[assetGroups objectAtIndex:indexPath.row]];
	[self.navigationController pushViewController:picker animated:YES];
	[picker release];
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
	
	return 57;
}

#pragma mark -
#pragma mark Memory management

- (void)didReceiveMemoryWarning {
    // Releases the view if it doesn't have a superview.
    [super didReceiveMemoryWarning];
    
    // Relinquish ownership any cached data, images, etc that aren't in use.
}

- (void)viewDidUnload {
    // Relinquish ownership of anything that can be recreated in viewDidLoad or on demand.
    // For example: self.myOutlet = nil;
	[self.navigationController.view removeFromSuperview];
	//[view removeFromSuperview];
	self.navigationController.view = nil;
}

- (void)dealloc {
	
	[assetGroups release];
    [super dealloc];
}

@end

/*************************************************/

#import "AssetTablePicker.h"
#import "Asset.h"
#import "AlbumPickerC.h"
#import "AssetCell.h"
#import "MultipleImagePickerC.h"

@implementation AssetTablePicker

@synthesize parent;
@synthesize selectedAssetsLabel;

-(void)viewDidLoad {
	
	printf("AssetTablePicker :: viewDidLoad");
	
	[self.tableView setSeparatorColor:[UIColor clearColor]];
	[self.tableView setAllowsSelection:NO];
	
	UIBarButtonItem *doneButtonItem = [[UIBarButtonItem alloc] initWithTitle:NSLocalizedString(@"addPhoto",nil) style:UIBarButtonItemStyleBordered  target:self action:@selector(dismiss_AssetTable:)]; //initWithBarButtonSystemItem:UIBarButtonSystemItemDone
	[self.navigationItem setRightBarButtonItem:doneButtonItem];
	[self.navigationItem setTitle:@"Loading..."];
	
	[self performSelectorInBackground:@selector(preparePhotos) withObject:nil];
	
}

- (void)setAssetsGroup:(ALAssetsGroup*)_group {
	
	assetGroup = _group;
}

-(void)preparePhotos{
	
	printf("inside AssetTablePicker :: calling preparePhotos");
	
	NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
	
	void (^assetEnumerator)(struct ALAsset *, NSUInteger, BOOL *) = ^(ALAsset *result, NSUInteger index, BOOL *stop) {
		
		if(result != nil) {
			
			printf("inside result -AssetTablePicker :: calling preparePhotos");
			
			
			if(![assetURLDictionaries containsObject:[result valueForProperty:ALAssetPropertyURLs]]) {
				
				printf("inside assetURLDictionaries -AssetTablePicker :: calling preparePhotos");
				
				
				if(![[result valueForProperty:ALAssetPropertyType] isEqualToString:ALAssetTypeVideo]) {
					
					printf("inside if(![[result valueForProperty:ALAssetPropertyType] isEqualToString:ALAssetTypeVideo]) -AssetTablePicker :: calling preparePhotos");
					
					[assetURLDictionaries addObject:[result valueForProperty:ALAssetPropertyURLs]];

[color=red]Asset *asset = [[Asset alloc] initWithAsset:result checked:YES];[/color] // if this checked value is NO then all the images will be selected by default when the view is loaded
					//NSString *checkedValue = _checked;
					//NSLog(" inside AssetTablePicker :: calling preparePhotos checked value %@",_checked);
					[assets addObject:asset];
				}
			}
		}
	};
	
	assets = [[NSMutableArray alloc] init];
	assetURLDictionaries = [[NSMutableArray alloc] init];
	
	[assetGroup enumerateAssetsUsingBlock:assetEnumerator];
	
	[self.tableView reloadData];
	[self.navigationItem setTitle:@"Pick Photos"];
	
	[pool release];
}

-(void)dismiss_AssetTable:(id)sender {
	
	printf("inside AssetTablePicker :: you pressed dismiss:doneButtonItem");
	
	[self dismissModalViewControllerAnimated:YES]; //modified by rsheyeah
	
	NSMutableArray *selectedAssetsImages = [[NSMutableArray alloc] init];
	
	for(Asset *asset in assets) {
		
		if([asset selected]) {
			
			[selectedAssetsImages addObject:[asset asset]];
			NSLog (@"selectedAssetsImages = %@", selectedAssetsImages);

}
	}
	
	[(AlbumPickerC*)parent selectedAssets:[NSArray arrayWithArray:selectedAssetsImages]];
}

-(NSArray*)assetsForIndexPath:(NSIndexPath*)_indexPath {

....
}

#pragma mark UITableViewDataSource Delegate Methods

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    // Return the number of sections.
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    // Return the number of rows in the section.
    return ceil([assets count]/4.0);
}

// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
  ....
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
	
	return 79;
}

- (void)dealloc {
	
    [super dealloc];
}

@end

/********* AssetCell.m ********************/

#import "AssetCell.h"
#import "Asset.h"

@implementation AssetCell

-(id)initWithAssets:(NSArray*)_assets reuseIdentifier:(NSString*)_identifier {
	
	printf("AssetCell :: initWithAssets");
	
	if(self = [super initWithStyle:UITableViewStylePlain reuseIdentifier:_identifier]) {
		
		assets = _assets;
		[assets retain];
	}
	
	return self;
}

-(void)setAssets:(NSArray*)_assets {
	
	printf("AssetCell :: setAssets");

for(UIView *view in [self subviews]) {
		
		[view removeFromSuperview];
	}
	
	assets = nil;
	assets = _assets;
	[assets retain];
}

-(void)layoutSubviews {
	
	printf(" AssetCell :: layoutSubviews");
	
	CGRect frame = CGRectMake(4, 2, 75, 75);
	
	for(Asset *asset in assets) {
		
		printf(" Asset :: layoutSubviews");
		
		[asset setFrame:frame];
		[asset addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:asset action:@selector(toggleSelection)]];
		[self addSubview:asset];
		frame.origin.x = frame.origin.x + frame.size.width + 4;
		[asset release];

}
}

-(void)dealloc {
	
	[assets release];
	[super dealloc];
}

@end

/**********************Asset.m*******************/
#import "Asset.h"

@implementation Asset

@synthesize asset;
@synthesize parent;
@synthesize checked;

- (id)initWithFrame:(CGRect)frame {
    if ((self = [super initWithFrame:frame])) {
        // Initialization code
    }
    return self;
}

-(id)initWithAsset:(ALAsset*)_asset checked:(BOOL)_checked {
	
	if (self = [super initWithFrame:CGRectMake(0, 0, 0, 0)]) {
		
		NSLog (@"inside initWithAsset");
		
		
		NSString *checkedValue=_checked ? @"YES" : @"NO";
		NSLog(@" initWithAsset checkedValue %@", checkedValue);
		
		asset = _asset;
		[asset retain];
		
		[self setChecked:_checked];
		
		CGRect viewFrames = CGRectMake(0, 0, 75, 75);
		
		UIImageView *assetImageView = [[UIImageView alloc] initWithFrame:viewFrames];
		[assetImageView setContentMode:UIViewContentModeScaleToFill];
		[assetImageView setImage:[UIImage imageWithCGImage:[asset thumbnail]]];
		
		[self addSubview:assetImageView];
		[color=red][self putTickOnOverlayView:viewFrames checked:_checked];[/color]
		[assetImageView release];
		
    }
    
	return self;	
}

-(void) putTickOnOverlayView:(CGRect) _viewFrames checked:(BOOL)_checked {
	
	NSLog (@"inside putTickOnOverlayView");
	
	NSString *checkedValue=_checked ? @"YES" : @"NO";
	NSLog(@" putTickOnOverlayView checkedValue %@", checkedValue);
	
	 overlayView = [[UIImageView alloc] initWithFrame:_viewFrames];
	[overlayView setImage:[UIImage imageNamed:@"Overlay.png"]];
	
	
	[overlayView setHidden:_checked];
	[self addSubview:overlayView];
}

-(void)toggleSelectionAll {
	
	self.checked = !self.checked;
	
	NSLog (@"---------------------------------inside toggleSelectionAll");
	//overlayView.hidden=YES;
	NSString *checkedValue=self.checked ? @"YES" : @"NO";
	NSLog(@"checkedValue %@", checkedValue);

}

-(void)toggleSelection {

// this lets toggle of each image
	
	NSLog (@"inside toggleSelection");
	NSLog(@"%@", overlayView.hidden ? @"YES" : @"NO");
	
	
	overlayView.hidden = !overlayView.hidden;
}

-(BOOL)selected {
	
	return !overlayView.hidden;
}

-(void)setSelected:(BOOL)_selected {
	
	[overlayView setHidden:!_selected];
}

- (void)dealloc {
	
	[asset release];
	[overlayView release];
    [super dealloc];
}

@end