如何呼叫此彈出視窗以及如何實作它？

我注意到蘋果公司的一些應用程式實作了這種型別的彈出視窗（見鏈接圖片）。我試圖在互聯網上找到它，但沒有成功。

可能它的名稱足以讓我將它實作到我的 Storyboard-App 中，除了我在網上找不到檔案。因此，稍微解釋一下會很有幫助。

uj5u.com熱心網友回復：

您以編程方式從自己創建它，在您的控制器類、您的 descriptionLabel、您的 ImageView 下宣告您的 containerView（在我的情況下也是按鈕）：

let myButton: UIButton = {
    let b = UIButton()
    b.backgroundColor = .white
    b.setTitle("Tap Me!", for: .normal)
    b.setTitleColor(.black, for: .normal)
    b.titleLabel?.font = .systemFont(ofSize: 17, weight: .semibold)
    b.layer.cornerRadius = 20
    b.clipsToBounds = true
    b.translatesAutoresizingMaskIntoConstraints = false
    
    return b
}()

let containerView: UIView = {
    let v = UIView()
    v.backgroundColor = .ultraDark // set your pop up backround color
    v.layer.cornerRadius = 18
    v.clipsToBounds = true
    v.alpha = 0
    v.translatesAutoresizingMaskIntoConstraints = false
    
    return v
}()

let myImageView: UIImageView = {
    let iv = UIImageView()
    iv.image = UIImage(systemName: "person.2.fill")?.withRenderingMode(.alwaysTemplate)
    iv.tintColor = .gray
    iv.contentMode = .scaleAspectFit
    iv.translatesAutoresizingMaskIntoConstraints = false
    
    return iv
}()

let descriptionLabel: UILabel = {
    let l = UILabel()
    l.translatesAutoresizingMaskIntoConstraints = false
    return l
}()

現在在 viewDidLoad 中設定目標和約束：

view.backgroundColor = .black
    myButton.addTarget(self, action: #selector(controlTextInTextfields), for: .touchUpInside)
    
    view.addSubview(myButton)
    myButton.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -30).isActive = true
    myButton.heightAnchor.constraint(equalToConstant: 50).isActive = true
    myButton.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 30).isActive = true
    myButton.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -20).isActive = true
    
    view.addSubview(containerView)
    containerView.heightAnchor.constraint(equalToConstant: 230).isActive = true
    containerView.widthAnchor.constraint(equalToConstant: 220).isActive = true
    containerView.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
    containerView.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
    
    containerView.addSubview(myImageView)
    myImageView.heightAnchor.constraint(equalTo: containerView.heightAnchor, multiplier: 0.8).isActive = true
    myImageView.widthAnchor.constraint(equalTo: myImageView.heightAnchor, constant: -20).isActive = true
    myImageView.centerXAnchor.constraint(equalTo: containerView.centerXAnchor).isActive = true
    myImageView.centerYAnchor.constraint(equalTo: containerView.centerYAnchor, constant: -20).isActive = true
    
    containerView.addSubview(descriptionLabel)
    descriptionLabel.leadingAnchor.constraint(equalTo: containerView.leadingAnchor).isActive = true
    descriptionLabel.trailingAnchor.constraint(equalTo: containerView.trailingAnchor).isActive = true
    descriptionLabel.topAnchor.constraint(equalTo: myImageView.bottomAnchor, constant: -20).isActive = true
    descriptionLabel.heightAnchor.constraint(equalToConstant: 20).isActive = true

現在撰寫 func 以顯示彈出視窗并為其設定影片（我添加了影片，因為它更酷）：

func savedPopUpView(myView: UIView, label: UILabel, labelText: String) {
    let savedLabel = label
    savedLabel.text = labelText
    savedLabel.font = UIFont.boldSystemFont(ofSize: 18)
    savedLabel.textColor = .gray
    savedLabel.numberOfLines = 0
    savedLabel.textAlignment = .center
    myAnimation(myV: myView)
}

fileprivate func myAnimation(myV: UIView) {

    myV.alpha = 1
    DispatchQueue.main.async {
        myV.layer.transform = CATransform3DMakeScale(0, 0, 0)
        
        UIView.animate(withDuration: 0.2, delay: 0, usingSpringWithDamping: 1, initialSpringVelocity: 1, options: .curveEaseOut, animations: {
            myV.layer.transform = CATransform3DMakeScale(1, 1, 1)
            
        }, completion: { (completed) in
            //completed
            UIView.animate(withDuration: 0.2, delay: 2, usingSpringWithDamping: 1, initialSpringVelocity: 1, options: .curveEaseOut, animations: {
                myV.layer.transform = CATransform3DMakeScale(0.1, 0.1, 0.1)
                myV.alpha = 0
            })
        })
    }
}

如何使用，像這樣呼叫目標按鈕函式：

@objc func controlTextInTextfields() {
    savedPopUpView(myView: containerView, label: descriptionLabel, labelText: "Tester: in entfernt")
}

在這種情況下，彈出視窗會在 2 秒后消失，您可以根據自己的喜好更改此引數...

結果：

標籤：IOS 迅速 弹出窗口 故事板

上一篇：coretext自定義字體垂直繪制顯示不正確

下一篇：我想訪問哪個作業系統在react-native中運行代碼？