如何在 iOS swift 应用程序中添加 Material 设计按钮？

Question

我已经阅读了手册（https://material.io/develop/ios/components/buttons/），但仍然不明白如何操作。

class FloatingButtonController: UIViewController {

override func viewDidLoad() {
    super.viewDidLoad()

    let floatingButton = MDCFloatingButton()
    floatingButton.setImage( UIImage(named: "plus"), for: .normal)
    floatingButton.backgroundColor = .white
    floatingButton.setElevation(ShadowElevation(rawValue: 6), for: .normal)
    floatingButton.addTarget(self, action: #selector(btnFloatingButtonTapped(floatingButton:)), for: .touchUpInside)
    self.view.addSubview(floatingButton)
}

@objc func btnFloatingButtonTapped(floatingButton: MDCFloatingButton){
    floatingButton.collapse(true) {
        floatingButton.expand(true, completion: nil)
    }
}
}

我在屏幕上的项目。如您所见 - 屏幕上缺少该按钮。当您单击空白屏幕时会出现错误。

Button touch target does not meet minimum size guidlines of (48, 48). Button: >, Touch Target: {0, 0}

Screenshot of my project

请告诉我，我做错了什么？我怎样才能得到这份工作？

Answer 1

您没有将框架设置为按钮。您需要指定 (x, y) 位置才能在视图中放置按钮。

floatingButton.frame = CGRect(x: 300, y: 300, width: 48, height: 48)

Answer 2

要添加按钮目标，按钮的尺寸至少应为 48 x 48。

您可以手动约束它或设置框架。

或者您也可以通过 Storyboard 添加按钮。

如何在 iOS swift 应用程序中添加 Material 设计按钮？

How to add Material Design Button in iOS swift app?

ios

swift

material-components

material-components-ios