Как я добавляю UIImage к сгруппированному UITableViewCell, таким образом, он округляет углы?
Я пытаюсь добавить изображения к ячейкам таблицы в сгруппированном UITableView, но углы изображений не отсекаются. Что лучший способ состоит в том, чтобы пойти об отсечении их (помимо отсечения их в Photoshop? Контенты таблицы являются динамическими.)
Например, для первого изображения в таблице был бы нужен верхний левый угол, округленный только.
4 ответа
Это было мое решение, которое могло бы использовать небольшое рефакторинг:
void addRoundedRectToPath(CGContextRef context, CGRect rect, float ovalWidth, float ovalHeight, BOOL top, BOOL bottom)
{
float fw, fh;
if (ovalWidth == 0 || ovalHeight == 0) {
CGContextAddRect(context, rect);
return;
}
CGContextSaveGState(context);
CGContextTranslateCTM (context, CGRectGetMinX(rect), CGRectGetMinY(rect));
CGContextScaleCTM (context, ovalWidth, ovalHeight);
fw = CGRectGetWidth (rect) / ovalWidth;
fh = CGRectGetHeight (rect) / ovalHeight;
CGContextMoveToPoint(context, fw, fh/2);
CGContextAddArcToPoint(context, fw, fh, fw/2, fh, 0);
NSLog(@"bottom? %d", bottom);
if (top) {
CGContextAddArcToPoint(context, 0, fh, 0, fh/2, 3);
} else {
CGContextAddArcToPoint(context, 0, fh, 0, fh/2, 0);
}
if (bottom) {
CGContextAddArcToPoint(context, 0, 0, fw/2, 0, 3);
} else {
CGContextAddArcToPoint(context, 0, 0, fw/2, 0, 0);
}
CGContextAddArcToPoint(context, fw, 0, fw, fh/2, 0);
CGContextClosePath(context);
CGContextRestoreGState(context);
}
- (UIImage *)roundCornersOfImage:(UIImage *)source roundTop:(BOOL)top roundBottom:(BOOL)bottom {
int w = source.size.width;
int h = source.size.height;
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
CGContextRef context = CGBitmapContextCreate(NULL, w, h, 8, 4 * w, colorSpace, kCGImageAlphaPremultipliedFirst);
CGContextBeginPath(context);
CGRect rect = CGRectMake(0, 0, w, h);
addRoundedRectToPath(context, rect, 4, 4, top, bottom);
CGContextClosePath(context);
CGContextClip(context);
CGContextDrawImage(context, CGRectMake(0, 0, w, h), source.CGImage);
CGImageRef imageMasked = CGBitmapContextCreateImage(context);
CGContextRelease(context);
CGColorSpaceRelease(colorSpace);
return [UIImage imageWithCGImage:imageMasked];
}
реализуют эти функции, затем проверьте эти функции Iddex в CellforlaTindexpath Метод делегата определить, какой угол к раунду.
if (indexPath.row == 0) {
cell.imageView.image = [self roundCornersOfImage:coverImage roundTop:YES roundBottom:NO];
} else if (indexPath.row == [indexPath length]) {
cell.imageView.image = [self roundCornersOfImage:coverImage roundTop:NO roundBottom:YES];
} else {
cell.imageView.image = coverImage;
}
Плагин jQuery Moreselectors имеет поддержку Nth-типа (и многих других селекторов). Я предлагаю либо использовать это или просто реализовать простой плагин, который реализует только точные селекторы, которые вам нужны. Вы должны быть в состоянии скопировать код оттуда.
Счастливый взлом!
-121--2348321-, основанный на моем собственном опыте, это в пределах метеров.
-121--3665321-Не существует встроенного стандартного способа сделать это, но это не ужасно трудно сделать в вашем собственном коде. Существуют примеры о том, как круглые углы на Uiimage в Интернете, см. Например, http://blog.sallarp.com/iphone-uiimage-Round-Corners/ .
Существует встроенный путь, если вы хотите просто отобразить округлые углы. Поместите изображение в UIImageView, а затем установите угрозу, слой слоя UiimageView. Вам также нужно будет рассказать UiimageView, чтобы закрепить на границах, но это даст вам округлые углы.
UIImageView *myImageView = [[UIImageView alloc] initWithImage:...];
[myImageView setClipsToBounds:YES];
[[myImageView layer] setCornerRadius:5.0f];
Если вы хотите, чтобы все четыре угла изображения были скруглены, вы можете просто сделать следующее при создании ячейки:
cell.imageView.layer.masksToBounds = YES;
cell.imageView.layer.cornerRadius = 10.0;
Если вы также хотите чтобы вставить изображение с границы, я описал простую категорию на UIImage, чтобы сделать это здесь .