Come aggiungere l'immagine all'azione di riga in Visualizza come tabella?

Question

Come aggiungere un'immagine personalizzata al pulsante Elimina quando si fa scorrere la cella da destra su UITableview come mostrato nell'immagine sottostante?

func tableView(tableView: UITableView, editActionsForRowAtIndexPath indexPath: NSIndexPath) -> [UITableViewRowAction]? { 

    let remove = UITableViewRowAction(style: .Default, title: "\nRemove") { action, indexPath in } 
    remove.backgroundColor = UIColor(patternImage: UIImage(named: "remove")!) } 

dal codice precedente, Immagine sta mostrando ma si mostra come un gruppo di immagini accatastati insieme. Voglio dire, non sono in grado di impostare "ContentMode" su per "UIImage"

Qual è il modo migliore per questo approccio?

codice di esempio potrebbe essere apprezzabile.

Answer 1

provare questo

let backImage = UIImageView(image: UIImage(named: "remove")) 
backImage.contentMode = .scaleAspectFit 
remove.backgroundColor = UIColor(patternImage:backImage.image!) 

Scelta-2

var img: UIImage = UIImage(named: "remove") 
var imgSize: CGSize = tableView.frame.size 
UIGraphicsBeginImageContext(imgSize) 
img.drawInRect(CGRectMake(20, 0, 20, 20)) 
var newImage: UIImage = UIGraphicsGetImageFromCurrentImageContext() 
UIGraphicsEndImageContext() 
remove.backgroundColor = UIColor(patternImage: newImage) 

Answer 2

In sostanza, si sta disegnando in un contesto, quindi recuperare la nuova immagine dal contesto.

let label = UILabel(frame: CGRect(x: 0, y: 0, width: 80, height: 100)) 
label.text = "ADD" 
label.textAlignment = .Center 
label.textColor = UIColor.whiteColor() 

let img: UIImage = UIImage(named: "delete") 

UIGraphicsBeginImageContextWithOptions(imgSize, false, UIScreen.mainScreen().scale) 
let context = UIGraphicsGetCurrentContext() 

// Set background color 
CGContextSetFillColorWithColor(context, UIColor.raangeRed().CGColor) 
CGContextFillRect(context, CGRect(x: 0, y: 0, width: 80, height: 80)) 

// Draw image 
img.drawInRect(CGRectMake(30, 15, 20, 20)) 

// Draw View 
label.layer.renderInContext(context!) 

// Retrieve new UIImage 
let newImage: UIImage = UIGraphicsGetImageFromCurrentImageContext() 
UIGraphicsEndImageContext() 

let deleteRowAction = UITableViewRowAction(style: .Normal, title: "   ") { (rowAction, indexPath) in 
    // Do stuff 
    } 
deleteRowAction.backgroundColor = UIColor(patternImage: newImage) 

È inoltre possibile creare una vista personalizzata (con un UIImageView e UILabel) e rendere all'interno del contesto.

Answer 3

Ispirato alla risposta di Denny. Ecco la versione obiettivo-c del suo codice.

- (NSArray *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath { 

    UITableViewRowAction *deleteAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDefault title:@"   " handler:^(UITableViewRowAction *action, NSIndexPath *indexPath) 
    { 
     UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"Do you really want to delete this comment?" message:@"" delegate:self cancelButtonTitle:@"NO" otherButtonTitles:@"YES", nil]; 

     [alertView setTag:101]; 
     [alertView show]; 
    }]; 

    UITableViewCell *commentCell = (UITableViewCell *)[tableView cellForRowAtIndexPath:indexPath]; 

    CGFloat height = commentCell.frame.size.height; 

    UIImage *backgroundImage = [self deleteImageForHeight:height]; 

    deleteAction.backgroundColor = [UIColor colorWithPatternImage:backgroundImage]; 

    return @[deleteAction]; 
} 

E sotto è il metodo di disegno immagine:

- (UIImage*)deleteImageForHeight:(CGFloat)height{ 

    CGRect frame = CGRectMake(0, 0, 62, height); 

    UIGraphicsBeginImageContextWithOptions(CGSizeMake(62, height), NO, [UIScreen mainScreen].scale); 

    CGContextRef context = UIGraphicsGetCurrentContext(); 

    CGContextSetFillColorWithColor(context, [UIColor redColor].CGColor); 
    CGContextFillRect(context, frame); 

    UIImage *image = [UIImage imageNamed:@"icon-delete"]; 

    [image drawInRect:CGRectMake(frame.size.width/2.0, frame.size.height/2.0 - 10, 18, 20)]; 

    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext(); 

    UIGraphicsEndImageContext(); 

    return newImage; 
} 

e il risultato è: