제가 구글 지도의 현지 버튼 같은 버튼을 만들어 봤어요.

6669 단어 XcodeSwiftUIButton

나 혼자 이런 버튼 만들었어.


나는 위의 버튼을 만들었다.다음 단추는 구글맵에서 제공합니다.비교하기 위해서 넣었어요.

A. 스스로 이미지를 만드는ver


1. 그림자 없이 둥근 흰색 키를 만들어 UIButton의 이미지 위에 놓기



2.@IBAction


클릭이 아니라 버튼을 유지할 때
액션으로 touch down을 선택하십시오.
단추를 놓을 때의 동작은 색인을 위아래로 이동하는 것입니다.

3. 애니메이션으로 그림자 이동


viewDidLoad에서 첫 번째 그림자 설정을 설정합니다.
listButton.layer.shadowColor = UIColor.black.cgColor
listButton.layer.shadowOffset = CGSize(width: 2, height: 2)
listButton.layer.shadowRadius = 2
listButton.layer.shadowOpacity = 0.3
이후 애니메이션에 그림자를 조정했다.
// Touch Down
    @IBAction func listBtnPressed(_ sender: Any) {

        UIView.animate(withDuration: 0.4, delay: 0, options: [],animations: {

            self.listButton.layer.shadowOffset = CGSize(width: 5, height: 5)
            self.listButton.layer.shadowRadius = 4
        },completion: nil)

    }

  // Touch up Inside
    @IBAction func listBtnRelease(_ sender: Any) {

        UIView.animate(withDuration: 0.4, delay: 0, options: [],animations: {
            self.listButton.layer.shadowOffset = CGSize(width: 2, height: 2)
            self.listButton.layer.shadowRadius = 2
        },completion: nil)

B. 버튼의 아이콘을 이미지로만 사용할 경우


스토리보드로 버튼을 눌러서 constraint를 만들면 다음을viewDidLoad에 추가하면 됩니다.
button.layer.cornerRadius = 0.5 * button.bounds.size.width
button.clipsToBounds = true
button.setImage(UIImage(named:"addList.png"), for: .normal)
나는 그림을 붙이고 원각을 하고 있다.

좋은 웹페이지 즐겨찾기