Как показать% статус или прогресс в UIView в соответствии с некоторым значением%?

Question

Как я могу показать прогресс или% статус, как на следующем изображении.

Здесь я пытаюсь показать% значения симптомов в соответствии с его процентным значением, как показано на рисунке.

Я пытался использовать UIView, но я не знаю, как отобразить процентные (%) данные / прогресс, как показано на рисунке.

Есть ли какое-нибудь решение или способ добиться этого?

Я до сих пор не добавил код.

Answer 1

Если вы хотите сделать это изначально, вы можете использовать UIProgressView. Создать @Outlet этого представления и в своем коде, когда вы хотите изменить прогресс или установить его, используйте функцию

thenameofyouroutlet.setProgress (float, animated: bool)

Первый параметр должен быть числом от 0,0 до 1,0 , где 0,0 равно 0%, а 1,0 равно 100%.

Второй параметр должен быть true или false, true, если вы хотите анимировать прогресс, false, если вы хотите, чтобы он был установлен без анимации.

Тогда, если вам нужна метка, отображающая прогресс, вы можете создать UILabel рядом с панелью, создать свой @Outlet, и в том же коде, где вы устанавливаете прогресс, изменить текст вашей метки с помощью thenameofyourlabel.text

Кроме того, в раскадровке вы можете установить цвет прогресса и цвет панели.

Answer 2

Вы можете сделать 2 вида, один поверх другого.

Второй вид сверху с постоянной ширины

Теперь, когда вам нужно показать прогресс, обновите ограничение ширины следующим образом:

self.greenViewWidthConstraint.constant = self.greyView.frame.width * 0.80 (For 80%)