В вашем Дереве компонентов (внизу слева от изображения) вы можете видеть, что все ваши представления имеют красный кружок справа. Вы можете увидеть, какая у вас ошибка, наведя на нее указатель мыши.
В этом случае кажется, что вы не установили ограничения.
При использовании макета ограничений вы должны определить как минимум 2 ограничения для каждого просмотра. Вертикальный (верхний или нижний) и горизонтальный (левый или правый). Без этих ограничений среда IDE не может найти позицию для установки представления, поэтому по умолчанию все они go находятся в верхнем левом углу.