如何在iOS swift应用中添加Material Design Button?

时间:2019-02-27 09:55:52

标签: ios swift material-components material-components-ios

我已经阅读了手册(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)
    }
}
}

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

  

按钮触摸目标不符合最小尺寸准则(48,48)。按钮:>,触摸目标:{0,0}

Screenshot of my project

请告诉我,我做错了什么?我该如何正确地完成工作?

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

要添加按钮目标,按钮的大小应至少为48x48。

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

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