Restricciones del guión gráfico de Xcode y diseño automático

Estoy trabajando en una aplicación en este momento y una cosa con la que he estado luchando durante las últimas dos semanas ha sido el diseño automático. Soy nuevo en la programación de iOS, así que no estoy exactamente seguro de la mejor manera de explicar mi problema, pero aquí va.

Estoy haciendo una aplicación de piano y la forma en que funciona es que mi teclado es solo un montón de botones dispuestos uno al lado del otro.

Estos botones representan las teclas. Los botones tienen una imagen de fondo de una imagen de una tecla de piano normal. Ahora mi problema es que tengo un negro encima de las teclas y cada vez que intento usar la herramienta de pin para crear restricciones para mis teclas de piano, tan pronto como agrego las restricciones, todo se empuja hacia arriba y mis teclas se estiran verticalmente.

He estado trabajando horas sin parar la semana pasada sin saber lo que está mal. He seguido muchos tutoriales, pero el que sigo es muy básico y, a lo sumo, tiene algunas etiquetas o botones separados por una tonelada de espacio. No estoy seguro de si es porque mis botones no están lo suficientemente espaciados o qué, pero está extremadamente frustrado. Cualquier ayuda, o guías / tutoriales sería de gran ayuda ...

También he intentado marcar las casillas que dicen ancho y alto para mantener el ancho y alto, sin embargo, eso hace que las teclas sean demasiado grandes o demasiado pequeñas en algunos dispositivos. ¿Hay alguna manera de estirar estas teclas para que se adapten a su dispositivo? He oído hablar de contenido de tamaño intrínseco, pero no sé cómo se aplicaría con más de 24 botones ...

Editar: probé una vista de pila pero todas mis teclas blancas se espaciaron y salieron del guión gráfico:

Respuestas a la pregunta(2)

Su respuesta a la pregunta