Страница 1 из 1

Круговой ProgressBar c закругленным концом

СообщениеДобавлено: 17 окт 2017, 23:24
eonyanov
Какие есть варианты, сделать такой прогресс бар, как на картинке ниже?
Скрытый текст:
Изображение

Градиент не нужен, начальное закругление тоже можно не делать, только в конечной части.
Пока вариант, сделать закругленный хвостик и кинуть в пустой контейнер, настроить смещение на радиус этого прогресс бара, и собственно поворачивать контейнер по оси Z на нужный угол.
Но это какой-то колхоз =)

Re: Круговой ProgressBar c закругленным концом

СообщениеДобавлено: 18 окт 2017, 06:28
samana
eonyanov писал(а):Но это какой-то колхоз

И именно так я бы и сделал. Как по мне, то решение нормальное.

Re: Круговой ProgressBar c закругленным концом

СообщениеДобавлено: 18 окт 2017, 15:55
eonyanov
А если, допустим, с градиентом? Кроме как вшитый в спрайт градиент, тут никак не сделать, наверно.

Re: Круговой ProgressBar c закругленным концом

СообщениеДобавлено: 18 окт 2017, 19:54
samana
Можно конечно ещё попытаться лайнРендером сделать, сейчас он уже более навороченный, но не факт, что оно того стоит в данной ситуации.

Re: Круговой ProgressBar c закругленным концом

СообщениеДобавлено: 19 окт 2017, 15:49
eonyanov
Кстати, точно, можно попробовать. Но он для UI не работал, когда я его последний раз смотрел.

Re: Круговой ProgressBar c закругленным концом

СообщениеДобавлено: 20 окт 2017, 12:08
lawsonilka
санимируйте маску как вам нужно чтобы она двигалась, под маску добавьте оригинально полное изображение.

Re: Круговой ProgressBar c закругленным концом

СообщениеДобавлено: 23 окт 2017, 09:56
eonyanov
Маска в Юнити на краях не хорошо выглядит, не гладко.