如何在圆形菜单中的文本之间创建相等的空格?

时间:2015-04-23 09:50:11

标签: ios objective-c iphone core-graphics custom-component

我正在创建一个圆形滑块菜单,我使用coregraphics绘制控件UI,在这里我试图在圆周上绘制单词。但我无法平等地建立空间。

这是我的代码和输出。请帮我在每个单词之间给出相等的空格。

在drawRect

float angleStep = 2 * M_PI / [menuArray count];
float angle = degreesToRadians(90);
textRadius = textRadius - 12;

for (NSString* text in`enter code here` titleArray)
{
    [self drawStringAtContext:ctx string:text atAngle:angle withRadius:textRadius];
    angle -= angleStep;
}

//////////

- (void) drawStringAtContext:(CGContextRef) context string:(NSString*) text atAngle:(float)angle withRadius:(float) radis

{
CGSize textSize = [text sizeWithFont:[UIFont systemFontOfSize:11.0]];

float perimeter = 2 * M_PI * radis;
float textAngle = textSize.width / perimeter * 2 * M_PI;

angle += textAngle / 2;

for (int index = 0; index < [text length]; index++)
 {
    NSRange range = {index, 1};
    NSString* letter = [text substringWithRange:range];
    char* c = (char*)[letter cStringUsingEncoding:NSASCIIStringEncoding];
    CGSize charSize = [letter sizeWithFont:[UIFont systemFontOfSize:11.0]];

    float x = radis * cos(angle);
    float y = radis * sin(angle);

    float letterAngle = (charSize.width / perimeter * -2 * M_PI);

    CGContextSaveGState(context);
    CGContextTranslateCTM(context, x, y);
    CGContextRotateCTM(context, (angle - 0.5 * M_PI));
    CGContextShowTextAtPoint(context, 0, 0, c, strlen(c));
    CGContextRestoreGState(context);

    angle += letterAngle;
}
}

输出

enter image description here

0 个答案:

没有答案