전체화면이 아닌 화면 만들기 Part2~view와 Button에 그림자를 붙이자 편~

14041 단어 Swift5UIView

마지막까지의 흐름



전체 화면이 아닌 View를 설치하자! !
이전 기사를 보지 않은 분은 꼭 위 링크에서 들어보세요! !

현재 완성된 코드

ViewController.swift
import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        setRegistVIew()
        setSaveButton()
    }

    func setRegistVIew(){
        let screenFrameX = self.view.frame.width/2
        let screenFrameY = self.view.frame.width/2
        let viewX = 300
        let viewY = viewX*4/3
        registView.frame = CGRect.init(x: Int(screenFrameX)-viewX/2, y: Int(screenFrameY), width: viewX, height: viewY)
    }

    func setSaveButton(){
        saveButton.layer.cornerRadius = 10
        saveButton.tintColor = .white
        saveButton.backgroundColor = .red
    }

    @IBOutlet var registView: UIView!
//OutletでUIButtonを追加
    @IBOutlet weak var saveButton: UIButton!

    @IBAction func showRegistView(_ sender: Any) {
        self.view.addSubview(registView)
    }
//ActionでUIButtonを追加
    @IBAction func saveButton(_ sender: Any) {
//Viewを消す
        registView.removeFromSuperview()
    }


}

이번에 덧붙여 view와 Button에 그림자를 붙입니다! !



방법은 매우 간단하고 마지막으로 만든 함수 setRegist와 saveButton에 요소를 넣는 것만으로 완성됩니다! !

추가하는 코드는 여기! !
[RegistView]

ViewController.swift 함수: SetRegistView 내에서 추가
//Viewに丸みを持たせる
        registView.layer.cornerRadius = 20
//影の大きさを決定する(width:幅、height:高さ)
        registView.layer.shadowOffset = CGSize(width: 0, height: 2)
//影の色を決定する
        registView.layer.shadowColor = UIColor.darkGray.cgColor
//影の濃さを決定する
        registView.layer.shadowOpacity = 0.5
//影の丸みを決定する
        registView.layer.shadowRadius = 4

[SaveButton]

ViewController.swift 함수 : SaveButton에 추가! !
//影の大きさを決定する(width:幅、height:高さ)
        saveButton.layer.shadowOffset = CGSize(width: 0, height: 2)
//影の色を決定する
        saveButton.layer.shadowColor = UIColor.darkGray.cgColor
//影の濃さを決定する
        saveButton.layer.shadowOpacity = 0.5
//影の丸みを決定する
        saveButton.layer.shadowRadius = 4

변경된 부분은 이런 느낌이 된다

ViewController.swift
    func setRegistVIew(){
        let screenFrameX = self.view.frame.width/2
        let screenFrameY = self.view.frame.width/2
        let viewX = 300
        let viewY = viewX*4/3

        registView.layer.cornerRadius = 20
        registView.layer.shadowOffset = CGSize(width: 0, height: 2)
        registView.layer.shadowColor = UIColor.darkGray.cgColor
        registView.layer.shadowOpacity = 0.5
        registView.layer.shadowRadius = 4
        registView.frame = CGRect.init(x: Int(screenFrameX)-viewX/2, y: Int(screenFrameY), width: viewX, height: viewY)
        setSaveButton()
    }

    func setSaveButton(){
        saveButton.layer.cornerRadius = 10
        saveButton.tintColor = .white
        saveButton.backgroundColor = .red
        saveButton.layer.shadowOffset = CGSize(width: 0, height: 2)
        saveButton.layer.shadowColor = UIColor.darkGray.cgColor
        saveButton.layer.shadowOpacity = 0.5
        saveButton.layer.shadowRadius = 4
    }

이런 느낌이 있으면 성공입니다! !

좋은 웹페이지 즐겨찾기