How to add Material Design Button in iOS swift app?

Question

I have read the manual (https://material.io/develop/ios/components/buttons/), but still have not understood how to do it.

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)
    }
}
}

My project on the screen. As you can see - the button is missing on the screen. When you click on a blank screen errors appear.

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

Screenshot of my project

Tell me, please, what am I doing wrong? And how do I get the job right?

see this post https://material.io/develop/ios/components/buttons/ — AtulParmar, Feb 27 '19 at 10:01
try using `initWithFrame:` method instead of `MDCFloatingButton()` — Akhilrajtr, Feb 27 '19 at 10:02
@Akhilrajtr , I used the Mahendra answer and it worked. But I would be curious to know more about what you are offering. I am a junior in Swift, could you give a more detailed example? — Alex Kirov, Feb 27 '19 at 10:29

score 2 · Accepted Answer · answered Feb 27 '19 at 10:02

2

You didn't set the frame to button. You need to specify (x, y) position to place button in view.

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

answered Feb 27 '19 at 10:02

Mahendra

8,448
3
33
56

score 0 · Answer 2 · answered Feb 27 '19 at 10:05

0

To add button target the button should have size atlease 48x48.

You could constraint it manually or set frame.

OR you could add button via Storyboard too.

answered Feb 27 '19 at 10:05

Lal Krishna

15,485
6
64
84

How to add Material Design Button in iOS swift app?

2 Answers2