Я разрабатываю приложение Mac, я хочу нарисовать вид, как радар, я не нахожу метод рисования градиента по дуге. Существующий метод только набирает градиент в направлении одного направления.Как нарисовать градиент вдоль дуги
ответ
Что вы хотите - это градиент угла. Я написал a Core Image filter that generates an angle gradient; дайте ему непрозрачный цвет (например, зеленый) для цвета начала и полностью прозрачную версию этого цвета для средних и конечных цветов.
(выход фильтра фактически бесконечен в степени и с центром в начале координат, так что вам нужно, чтобы замаскировать его в круг и использовать аффинное преобразование на одном уровне или другой, чтобы получить его в правая позиция.)
Дополнительный кредит: в коде ядра для этого фильтра (около начала .m) есть линия, которая запускает градиент с прямым (90 °), а не прямолинейным. Вы можете изменить код как фильтра, так и ядра, чтобы сделать этот параметр (например, inputStartColor
и др.), Что со временем вы можете меняться, используя CABasicAnimation или что-то подобное.
+1 Супер решение. –
Вам необходимо использовать комбинацию осевых и радиальных градиентов и, возможно, также некоторых обтравочных контуров. Вы можете найти все это задокументированное here.
Вы также можете использовать colorWithPatternImage:
для обводки любых линий, которые вы рисуете.
- 1. Android - Как нарисовать градиент на основе дуги
- 2. CoreGraphics - Нарисовать ход дуги
- 3. jQuery, живой вдоль дуги
- 4. Позиция CATextLayers вдоль дуги
- 5. Градиент на основе дуги
- 6. Градиент вдоль MKPolyLineView (MKPolylineRenderer)
- 7. Градиент вдоль пути
- 8. Холст дуги и заправить градиент
- 9. Градиент Direct2D вдоль пути геометрии
- 10. ggplot2 градиент цвета вдоль geom_segment()
- 11. Нарисуйте градиент вдоль изогнутого UIBezierPath
- 12. Как нарисовать градиент с непрозрачностью
- 13. Как нарисовать градиент в прошивкой
- 14. Переместить спрайт вдоль дуги, используя UIBezierPath
- 15. Slider Стиль: градиент вдоль ширины канавки
- 16. Android: Как нарисовать два одномерный градиент
- 17. Как + [NSColor selectedMenuItemColor] волшебным образом нарисовать градиент?
- 18. Как нарисовать вертикальный градиент в iTextSharp?
- 19. Как нарисовать этот точный градиент на iPhone?
- 20. Как исправить прогресс-бар градиент вдоль кругового пути?
- 21. Нахождение местоположения заданной дуги расстояния вдоль параметризованного кривой в Python
- 22. Градиент диалога прогресса материала
- 23. Как нарисовать серию сегментов дуги по отрезкам линии
- 24. Как переместить узел вдоль вектора?
- 25. Как нарисовать линию плюсов и треугольников вдоль пути в WPF?
- 26. Линейный градиент вдоль оси х не работает. QML Qt 5.7
- 27. Swift: Градиент вдоль пути безье (с использованием CALayers)
- 28. Как нарисовать точный градиент с LinearGradientBrush в C#?
- 29. Как нарисовать тень падения и градиент с quartz2d?
- 30. Как нарисовать гладкий градиент на холсте в Android
Градиентный рисунок всегда является дорогостоящим делом, его можно использовать с целью. в вашем случае вы можете использовать изображение. –
Как насчет создания изображения в фотошопе, который выглядит как ваш радар и просто повернуть его? – pmk
Я не хочу использовать изображение, потому что размер радара изменится –