绘制三角形子视图表格单元格的右下角

Question

我想使用的，而不是UIImageView的的CGRect来绘制三角形，它作为子视图添加到类似于某些特定的表格单元格的右下角它是如何在WWDC应用程式执行。

欢迎任何建议。 :)

Answer 1

一个简单的方法可以是具有不同的UIImageView的含有有色三角形，然后选择不同的图像，根据某些值/偏好您设置显示量。 这里采取：Drawing a triangle in UIView

你将需要做一些数学来计算正确的点，但这是绘制三角形的一般方法。你可以创建自己的UIView的子类（称之为CornerTriangle），然后将其添加到单元格，同时设置其颜色以符合您的需求。

-(void)drawRect:(CGRect)rect 
{ 
    CGContextRef ctx = UIGraphicsGetCurrentContext(); 

    CGContextBeginPath(ctx); 
    CGContextMoveToPoint (ctx, CGRectGetMinX(rect), CGRectGetMinY(rect)); // top left 
    CGContextAddLineToPoint(ctx, CGRectGetMaxX(rect), CGRectGetMidY(rect)); // mid right 
    CGContextAddLineToPoint(ctx, CGRectGetMinX(rect), CGRectGetMaxY(rect)); // bottom left 
    CGContextClosePath(ctx); 

    CGContextSetRGBFillColor(ctx, 1, 1, 0, 1); 
    CGContextFillPath(ctx); 
} 

Answer 2

添加下面的方法到你的UITableViewCell类。这是你正在寻找的正确效果：

-(void)drawRect:(CGRect)rect 
{ 
    CGContextRef ctx = UIGraphicsGetCurrentContext(); 

    CGContextBeginPath(ctx); 
    CGContextMoveToPoint (ctx, CGRectGetMaxX(rect), CGRectGetMidY(rect)); 
    CGContextAddLineToPoint(ctx, CGRectGetMaxX(rect), CGRectGetMinY(rect)); 
    CGContextAddLineToPoint(ctx, CGRectGetMaxX(rect)-25, CGRectGetMinY(rect)); 
    CGContextClosePath(ctx); 

    CGContextSetRGBFillColor(ctx, 1, 1, 0, 1); 
    CGContextFillPath(ctx); 
}