Рисовать круг вокруг изображения.

Я хочу, чтобы на моем изображении профиля была обрамлена рамка. Я также хочу, чтобы только определенный процент границы был заполнен в зависимости от того, какая часть информации профиля завершена.Рисовать круг вокруг изображения.

Если требуется имя пользователя, адрес электронной почты, пол, школа и адрес, и если пользователь предоставляет только 3 из вышеуказанных полей, я хочу, чтобы круговая граница была заполнена на 60% и аналогичным образом.

Мой код выглядит следующим образом: однако он отображает только 100% заполненный круг, и я не могу контролировать, какой процент круга, который я должен окрашивать. Как я могу это решить? На следующем рисунке показано, чего я хочу достичь.

Изображение

enter image description here

Код

self.profileImageView.layer.cornerRadius = self.profileImageView.frame.size.width/2; 
self.profileImageView.layer.borderColor = [UIColor whiteColor].CGColor; 
self.profileImageView.clipsToBounds = YES;

источник

2015-05-10 Illep

Я сомневаюсь, что вы можете сделать это со слоями, однако вы должны искать (CGPath или) UIBezierPath здесь является то, что может вам начать http://stackoverflow.com/questions/20035548/drawing-half-circles -with-coregraphics – ColdSteel

@ user3351949 CAShapeLayer на самом деле очень подходит для этого. –

@ Давид, когда я сказал слои, я упомянул свойство слоя UIView, извините за то, что неясно. – ColdSteel

Причина у вас возникли проблемы с этим, что cornerRadius только ленивый выход. Вы должны посмотреть на рисунок дуги самостоятельно.

Для этого есть разные уровни лень. Самый простой способ - нарисовать его в слое перед изображением. И даже тогда у вас есть выбор: вы можете нарисовать его, используя вызовы рисования Quartz, или вы можете попросить CAShapeLayer нарисовать его для вас. Одна хорошая вещь о CAShapeLayer заключается в том, что вы можете легко анимировать рост дуги (путем изменения strokeEnd).

источник

2015-05-10 17:36:50 matt

Хороший ответ! Спасибо, обратите внимание на это для будущих потребностей :-) – ColdSteel

На самом деле у меня действительно есть примерный пример кода в этом ответе: http://stackoverflow.com/a/29503780/341994 – matt

Удивительное спасибо вам матовый :-) – ColdSteel

Просто, если вы хотите получить ответ с помощью кода, вот оно.

UIBezierPath *circlePath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(200, 400) radius:20.f startAngle:-M_PI_2 endAngle:0 clockwise:NO]; 

CAShapeLayer *shapeLayer = [[CAShapeLayer alloc] init]; 
[shapeLayer setStrokeColor:[UIColor blueColor].CGColor]; 
[shapeLayer setFillColor:[UIColor clearColor].CGColor]; 
[shapeLayer setLineWidth:5.f]; 
[shapeLayer setPath:circlePath.CGPath]; 
[self.view.layer addSublayer:shapeLayer];

источник

2015-05-10 17:41:36 user1190882

Рисовать круг вокруг изображения.

ответ

Смежные вопросы