顯示的UIView爲弧形

Question

我想顯示一個複雜的UI元素作爲有點兒與扇區甜甜圈，因此每個扇區可以被表示爲單個的UIView。 有什麼辦法可以將矩形UIView轉換成適合圓環輪廓的圓弧？或者那是不可能的？ 我是一個完全的iOS noob，如果你指出我正確的文檔，我會非常感激。

Answer 1

UIView的總是長方形的，除非你申請的仿射變換到它（但我仍然不認爲你可以得到一個圓弧狀）。我認爲你最好的選擇是通過繼承UIView並實現drawRect或使用CAShapeLayer來繪製UIView中的弧。

Answer 2

不知道更多關於什麼你試圖做的，我要出去肢體和建議你使用CGDrawing方法繪製你的甜甜圈段在一個矩形視圖。

要做到這一點，你會使用，特別是以下幾點：

CGPathAddArc() 
CGPathAddLineToPoint() 
CGPathMoveToPoint() 

該代碼繪製充滿弧線：

-(void)drawFilledArc:(CGContextRef)context innerRadius:(CGFloat)rIn outterRadius (CGFloat)rOut 
    startAngle:(double)startAng endAngle:(double)endAng drawColor:(UIColor *)color 
{ 
    float x1, y1; 
    CGFloat centerX = originX; 
    CGFloat centerY = originY; 

    CGContextSaveGState(context); 
    CGMutablePathRef path = CGPathCreateMutable(); 

    CGContextSetLineWidth(context, lineWidth); 

    getChartWheelCoord(centerX, centerY, startAng, rIn, &x1, &y1); 
    CGPathMoveToPoint(path, NULL, x1, y1); 

    getChartWheelCoord(centerX, centerY, startAng, rOut, &x1, &y1); 
    CGPathAddLineToPoint(path, NULL, x1, y1); 

    CGPathAddArc(path, NULL, centerX, centerY, rOut, radians(-startAng), radians(-endAng), YES); 

    getChartWheelCoord(centerX, centerY, endAng, rIn, &x1, &y1); 
    CGPathAddLineToPoint(path, NULL, x1, y1); 

    CGPathAddArc(path, NULL, centerX, centerY, rIn, radians(-endAng), radians(-startAng), NO); 
    CGPathCloseSubpath(path); 

    CGContextSetFillColorWithColor(context, color.CGColor); 
    CGContextAddPath(context, path); 
    CGContextDrawPath(context, kCGPathFillStroke); 

    CGPathRelease(path); 
    CGContextRestoreGState(context); 
} 

Answer 3

那麼你可以達到你在以下方面想要的東西。

1如果您的UI元素不需要負責點擊或觸摸事件，那麼您可以繪製它 使用核心圖形。

2如果您的用戶界面元素必須響應用戶交互事件，那麼您可以創建一個UIView 並添加儘可能多的自定義按鈕作爲UIview的子視圖以及弧形或扇形圖像（圖像對於自定義按鈕）。