Я хочу продублировать этот макет дизайна и использовать его в производстве.
В iOS есть Z-иерархия для размещения по оси Z, но в watchOS она неактивна. Я хочу создать наложение аватара профиля, как этот прототип Instagram, где только половина аватара находится поверх основного изображения.
Естественно, я хотел бы, чтобы все изображения профилей с сервера помещались в маленькое круглое изображение, которое идет поверх фотографий в потоке.
Догадаться. Требуется немного повозиться. Параметр перекрытие макета группы в инспекторе атрибутов работает, как рекламируется. Мой случай был уникальным, потому что мне нужно было не только наложение, но и то, что только половина аватара перекрывалась, как в прототипе Instagram.
Установите для атрибута перекрытия макета группы значение корневая группа, так как это необходимо сделать или чтобы это работало.
Затем примените атрибут перекрытия к группе аватаров, так как это группа, которую мы хотим перекрыть поверх группы кошек.
Используйте нижние вставки в группе кошек, чтобы сдвинуть аватар вниз. Отрегулируйте соответственно. Естественно, если вы хотите, чтобы выступ составлял 50 %, значение нижней вставки должно составлять половину высоты аватара.
Группе cat не нужен атрибут перекрытия.
Круглый аватар не является круглым элементом Photoshop. Я просто изменил радиус группы аватаров, чтобы сделать его круглым.
Примечание. При использовании перекрытия вы получите предупреждение от Xcode.
Interface.storyboard: уведомление: не рекомендуется. Конфигурация: макет перекрытия возвращается к вертикальному при использовании до watchOS 4.0.
