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?

try using initWithFrame: method instead of MDCFloatingButton() — Akhilrajtr
– Akhilrajtr, Commented Feb 27, 2019 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
– Alex Kirov, Commented Feb 27, 2019 at 10:29

Mahendra · Accepted Answer · 2019-02-27 10:02:21Z

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, 2019 at 10:02

Mahendra

8,9624 gold badges36 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Lal Krishna · Accepted Answer · 2019-02-27 10:05:55Z

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, 2019 at 10:05

Lal Krishna

16.4k6 gold badges74 silver badges90 bronze badges

Collectives™ on Stack Overflow

How to add Material Design Button in iOS swift app?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related