使用约束放大不同屏幕尺寸的按钮

Question

still struggling with this one. I am tying to create a kind of on screen keyboard and have a layout of UIButtons like so:

I want to buttons to scale up as the screen does to make it more comfortable for larger devices eg:

Some rows will have an odd number of buttons and some will have an even number. I am putting each row of buttons inside separate holder views. Not totally clear how I should set up the constraints on the holder view. Should I pin the holder to the leading and trailing superview edges, and constrain the aspect ratio?

For the top row I have tried adding separators between the buttons. I then tried this:

Button3.width = Button3.height (aspect ratio)

Button3.width = HolderView.superview.width * (1/5) - 10

Button3.trailing to Spacer, Button4.leading to Spacer

Button3 bottom/top constraints to superview

Can't seem to get any blue lines though. Any instructions on how to proceed with this would be greatly appreciated!! Thanks

Answer 1

take a quick look at my demo project: https://www.dropbox.com/sh/vlozb5uxjor0ryd/AACOio_P6gorNvsSATxtdqP4a?dl=0 . i have some plans now and try to explain it later... ;)