Я хочу разработать пользовательский компонент, который рисует часть круга на основе различных значений. например, нарисуйте 1/4 круга, 1/2 круга и т. д. Для отображения процесса рисования необходимо анимировать компонент. Частичный круг нарисован поверх статического изображения, и я планирую использовать два вида, анимированный поверх статического. Любое предложение, как разработать это?

Я поставил скриншот для справки.

Пожалуйста, обратитесь к картинке, и почувствуйте, как она выглядит. Спасибо!

Заранее спасибо.