Breaking News: Grepper is joining You.com. Read the official announcement!

custom button style swiftui gradient

Grieving Gharial answered on August 10, 2022 Popularity 3/10 Helpfulness 3/10

answer custom button style swiftui gradient

related button gradient swift

custom button style swiftui gradient

Comment

struct GradientButtonStyle: ButtonStyle {
    func makeBody(configuration: Self.Configuration) -> some View {
        configuration.label
            .foregroundColor(Color.white)
            .padding()
            .background(LinearGradient(gradient: Gradient(colors: [Color.red, Color.orange]), startPoint: .leading, endPoint: .trailing))
            .cornerRadius(15.0)
            .scaleEffect(configuration.isPressed ? 1.3 : 1.0)
            .background(configuration.isPressed ? Color.green : Color.yellow)
    }
}

Popularity 3/10 Helpfulness 3/10 Language swift

Source: www.simpleswiftguide.com

Tags: custom-button gradient swift swiftui

Link to this answer
Share Copy Link

Contributed on Jul 26 2023

Grieving Gharial

0 Answers Avg Quality 2/10

Closely Related Answers

button gradient swift

Comment

import UIKit
class ActualGradientButton: UIButton {

    override func layoutSubviews() {
        super.layoutSubviews()
        gradientLayer.frame = bounds
    }

    private lazy var gradientLayer: CAGradientLayer = {
        let l = CAGradientLayer()
        l.frame = self.bounds
        l.colors = [UIColor.systemYellow.cgColor, UIColor.systemPink.cgColor]
        l.startPoint = CGPoint(x: 0, y: 0.5)
        l.endPoint = CGPoint(x: 1, y: 0.5)
        l.cornerRadius = 16
        layer.insertSublayer(l, at: 0)
        return l
    }()
}

Popularity 7/10 Helpfulness 3/10 Language swift

Source: stackoverflow.com

Tags: button gradient swift

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

Nikola Markovic

0 Answers Avg Quality 2/10

custom button style swiftui gradient

Contents

More Related Answers

custom button style swiftui gradient

Closely Related Answers

button gradient swift

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.