Ответ 1
Мне кажется, что вы используете класс размера, и вы вошли в класс определенного размера и добавили эти представления. Теперь вы вернулись в класс любого размера, поэтому взглядов там нет (поэтому они выделены серым цветом в контуре документа слева). Они доступны только для определенного класса. Если вы снова вернетесь к нему, как бы то ни было, вы увидите их снова. В принципе, вы создали условные представления - условие состоит в том, что они присутствуют только в том случае, когда ситуация с конкретным размерным классом имеет место.
Другими словами, если вы хотите, чтобы ваш макет применялся в общем случае, вы хотите начать с создания и редактирования его под классами любого размера. Только после этого вы переходите к определенному классу размера и изменяете макет для этого определенного класса.
когда я запускаю мое приложение, все элементы ui видны на моем устройстве
Да, потому что на вашем устройстве конкретная ситуация с классом размера соответствует классу размера, который вы редактировали, когда вы добавили эти представления. Так они и есть. Мне кажется, что моя догадка правильна.