Wie Bild hinzufügen, um Zeilen-Aktion in der Tabellenansicht?

Hinzufügen von benutzerdefinierten Bild zu löschen-button beim darüberstreichen Zelle von rechts auf UITableview wie gezeigt, im unteren Bild?

Wie Bild hinzufügen, um Zeilen-Aktion in der Tabellenansicht?

 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")!) }

Aus dem obigen code, wird das Bild zeigen, aber es zeigt wie eine Gruppe von Bildern gestapelt. Ich meine, ich bin nicht in der Lage zu setzen, die "ContentMode" zu ".ScaleToAspectFit" für die "UIImage"

Was ist der beste Weg für diesen Ansatz?

Beispielcode könnte sein bemerkenswert.

InformationsquelleAutor kumar | 2016-04-07
  1. 5

    Im wesentlichen sind Sie die Zeichnung in einem Kontext, dann rufen Sie das neue Bild aus dem Kontext.

    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)

    Können Sie auch eine benutzerdefinierte Ansicht erstellen (mit einem UIImageView und UILabel) und render es im Kontext.

    • Wow, Super Beispiel! Vielen Dank für die Darstellung der Verwendung von CGContext zu ziehen label und anwenden hintergrund Farbe! Genau was ich brauchte
    • Obwohl das label scheint etwas 'unscharf' und nicht geben eine schöne visuelle. Es wäre auf jeden Fall besser funktionieren, wenn das Bild enthält den text, als auch.
    • Genau, je nachdem auch mit Ihrem designer, wenn Sie beide Zustimmen können, wenn die buttons dynamisch sein oder nicht
    InformationsquelleAutor Danny Yassine
  2. 5

    Inspiriert mit Denny ' s Antwort. Hier ist die objective-c version seines code. 

    - (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];
}

    Und unten ist das Bild, Zeichnung Methode:

    - (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;
}

    Und das Ergebnis ist:
    Wie Bild hinzufügen, um Zeilen-Aktion in der Tabellenansicht?

    • Geniale Lösung! Ich möchte nur erwähnen, dass title:@" " wichtig ist nur für iOS < 11.0
    • Ich Schreibe dies für iOS8 und nicht sicher über die neueste version. Danke für die updates.
    • es funktioniert auch auf iOS-12. Auf iOS 11 und iOS 12 die action-Schaltflächen angezeigt wird, kariert mit title=nil oder title=@"". Aber auf niedrigere version zu halten-Taste, Quadrat-und suchen ähnliche hatte ich einfügen, Titel mit 8 Räumen.
    • Großen Dank!!
    InformationsquelleAutor Muzammil
  3. 4

    versuchen, diese

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

    Wahl-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)
    • Dank Der Anbu. Ich habe schon versucht, den ersten Ansatz, aber keine Verwendung. Während Sie nun versucht der zweite Ansatz zeigt Fehler Value of type "UITableViewRowAction" has no member "frame". Ich habe verstanden, dass wir brauchen, um die action Höhe und Breite.
    • wir können nicht tableView Höhe, wie es ist viel größer als die Zeile richtig?
    • ok Wahl keine 2 funktioniert richtig, wenn ja, gehen wir zum nächsten Schritt
    • Wahl 2 funktioniert, aber mit custom CGRectMake(20,0,20,20)
    • froh zu hören ,Ihr problem behoben ist oder nicht
    • Eine weitere Sache, ich kann nicht den hintergrund, benutzerdefinierte Farbe, und nicht mehrere Aktionen mit Bild.
    • Lassen Sie uns weiter, diese Diskussion im chat.
    • es ist nur Bild, aber keinen Titel, text und die Hintergrundfarbe nicht. wie dies zu erreichen, werden alle (Bild - + text - + Hintergrundfarbe)? swift 3

    InformationsquelleAutor Anbu.Karthik
Schreibe einen Kommentar