Question

有人可以帮我创建一个UITableView的索引/计数按钮，就像这个一样吗？

iTunes http://img.skitch.com/20091107-nwyci84114dxg76wshqwgtauwn.preview.jpg

是否有Apple示例或其他教程？谢谢，乔丹

Answer 1

哇... aaa ......好吧......我有一个更简单的方法：

#import <QuartzCore/QuartzCore.h>


.....

UILabel *label = [[UILabel alloc] initWithFrame: 
        CGRectMake(cell.contentView.frame.size.width - 50, 0, 35, 35)];
label.layer.cornerRadius = 5;
label.backgroundColor = [UIColor blueColor]; //feel free to be creative
label.clipToBounds = YES;
label.text = @"7"; //Your text here

[cell.contentView addSubview: label];
[label release];

基本上，你使用QuartzCore框架制作带圆角的UILabel - 别忘了包含它。额外注意：它仅适用于操作系统＆gt; 3.0。

Answer 2

您需要创建自定义视图，然后手动绘制椭圆和数字。最后，将该自定义视图指定为单元格的附件视图。这是使用Core Graphics的绘图代码。这不是太棘手：

    CGRect          bounds = self.bounds;
    CGContextRef    context = UIGraphicsGetCurrentContext();
    float           radius = bounds.size.height / 2.0;
    NSString        *countString = [NSString stringWithFormat: @"%d", _count];

if (_count < 100) bounds = CGRectMake(5, 0, bounds.size.width - 10, bounds.size.height);

CGContextClearRect(context, bounds);

CGContextSetFillColorWithColor(context, _color.CGColor);
CGContextBeginPath(context);
CGContextAddArc(context, radius + bounds.origin.x, radius, radius, M_PI / 2 , 3 * M_PI / 2, NO);
CGContextAddArc(context, (bounds.size.width + bounds.origin.x) - radius, radius, radius, 3 * M_PI / 2, M_PI / 2, NO);
CGContextClosePath(context);
CGContextFillPath(context);

[[UIColor whiteColor] set];

UIFont                  *font = [UIFont boldSystemFontOfSize: 14];
CGSize                  numberSize = [countString sizeWithFont: font];

bounds.origin.x += (bounds.size.width - numberSize.width) / 2;

[countString drawInRect: bounds withFont: font];

用于索引/计数的TableView椭圆形按钮

2 个答案: