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

custom button

Murad_9288 answered on June 21, 2022 Popularity 9/10 Helpfulness 1/10

answer custom button

related how to customize button in html

custom button

Comment

//
//  CustomButton.swift
//  Input_Voice
//
//  Created by Md Murad Hossain on 26/6/23.
//

import UIKit

class CustomButton: UIView {
    
    // BackgroundView 1
    lazy var backGroundView: UIView = {
        let view = UIView()
        view.translatesAutoresizingMaskIntoConstraints = false
        view.backgroundColor = .black
        return view
    }()
    
    // secondBackgroundView 2
    lazy var subBackGroundView: UIView = {
        let view = UIView()
        view.translatesAutoresizingMaskIntoConstraints = false
        view.backgroundColor = .systemGreen
        return view
    }()
        
    // AnyButton Add 3
    let AnyButton: UIButton = {
        let button = UIButton()
        button.translatesAutoresizingMaskIntoConstraints = false
        button.tintColor = .white
        button.backgroundColor = .clear
        button.setBackgroundImage(UIImage(systemName: "xmark"), for: UIControl.State.normal)
        return button
    }()

    
    // initWithFrame to init view from code
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupView()
    }
    
    // initWithCode to init view from xib or storyboard
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        setupView()
    }
    
    // Common func to init our view
    private func setupView() {
        backgroundColor = .magenta
        layer.cornerRadius = 12
        backGroundView.layer.cornerRadius = 7
        subBackGroundView.layer.cornerRadius = 7
        addSubview(backGroundView)
        backGroundView.addSubview(subBackGroundView)
        backGroundView.addSubview(AnyButton)
        setup_All_Constraints()
    }
    
    // NSLayout all constraint
    private func setup_All_Constraints() {
        
        NSLayoutConstraint.activate([
            
            // MARK: - BackGroundView Constraint -
            backGroundView.topAnchor.constraint(equalTo: topAnchor),
            backGroundView.leadingAnchor.constraint(equalTo: leadingAnchor),
            backGroundView.bottomAnchor.constraint(equalTo: bottomAnchor),
            backGroundView.trailingAnchor.constraint(equalTo: trailingAnchor),
            
            // MARK: - SubBackGround Constraint -
            subBackGroundView.topAnchor.constraint(equalTo: backGroundView.topAnchor,
                                                   constant:0.6),
            subBackGroundView.leadingAnchor.constraint(equalTo: backGroundView.leadingAnchor,
                                                       constant: 0.6),
            subBackGroundView.bottomAnchor.constraint(equalTo: backGroundView.bottomAnchor,
                                                      constant: 0.6),
            subBackGroundView.trailingAnchor.constraint(equalTo: backGroundView.trailingAnchor, constant: 0.6),
                    
            
            // MARK: - AnyButton Constraint -
            AnyButton.topAnchor.constraint(equalTo: subBackGroundView.topAnchor),
            AnyButton.leadingAnchor.constraint(equalTo: subBackGroundView.leadingAnchor),
            AnyButton.bottomAnchor.constraint(equalTo: subBackGroundView.bottomAnchor),
            AnyButton.trailingAnchor.constraint(equalTo: subBackGroundView.trailingAnchor)
        ])
    }
}

Popularity 9/10 Helpfulness 1/10 Language swift

Source: Grepper

Tags: button custom-button programmatically swift uibutton

Link to this answer
Share Copy Link

Contributed on Jun 26 2023

Murad_9288

0 Answers Avg Quality 2/10

Closely Related Answers

how to customize button in html

Comment

<style>
.tweet-button {
    background-color: rgb(81, 131, 211);
    color:white;
    border:none;
  (outline)^^
    height: 36px;
    width: 75;
    font-weight: bold;
    border-radius:18px;
    margin-right: 8px;
    cursor: pointer;
}
<style>

Popularity 9/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Jun 21 2022

TheKingbenben1 MineCraft

0 Answers Avg Quality 2/10

custom button

Contents

More Related Answers

custom button

Closely Related Answers

how to customize button in html

Grepper

Documentation

Social

Legal

Contact

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