Настройка цветов градиента фона в Интерфейсном Разработчике для Градиента

Question

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

Answer 1

Я не знал, что вы можете добавить градиенты через раскадровку, если честно, но если вы сделаете это с помощью кода, у вас будет гораздо больше возможностей. Такие как больше цветов, цветовых местоположений и т. Д.

    // Create a gradient layer
   let gradient: CAGradientLayer = CAGradientLayer()
    // Create an array of colours you can use, as many colours as you require
    gradient.colors = [.blue.cgColor, .red.cgColor, .orange.cgColor].cgColor
    // Chose the locations for your colors, 0.5 is center
    gradient.locations = [0.0, 0.5, 1.0]
    // Start and end points so this goes from y: 0.0 to y: 1.0 so top to bottom
    gradient.startPoint = CGPoint(x: 1.0, y: 0.0)
    gradient.endPoint = CGPoint(x: 1.0, y: 1.0)
    // Set the frame
    gradient.frame = CGRect(x: 0.0, y: 0.0, width: yourView.frame.size.width, height: yourView.frame.size.height)
    // Add to view
    yourView.layer.insertSublayer(gradient, at: 0)

Answer 2

Вы хотите, чтобы начальная точка X и конечная точка X были равны 0. Затем установите начальную точку Y на 0 и конечную точку Y на 1. Это даст градиент сверху вниз, начиная с верхнего цвета сверху и нижнего цвета снизу.