Относительно чего определяется расположение второго view внутри первого view?

Определение расположения второго View внутри первого View в iOS

В iOS (UIKit) расположение второго view (subview) внутри первого view (superview) определяется относительно его bounds (видимой внутренней области), а не frame (внешней позиции в координатах родительского view). Это ключевое отличие, которое важно для корректной работы с иерархией views.

Frame vs Bounds: фундаментальное отличие

• Frame: Определяет позицию и размер view в координатной системе его родительского view (superview). frame.origin указывает, где верхний левый угол view находится относительно верхнего левого угла superview.
• Bounds: Определяет внутреннюю видимую область view в собственной локальной координатной системе. bounds.origin обычно равен (0, 0), но может меняться, например, при скроллинге (UIScrollView). bounds.size определяет внутренний размер, который может отличаться от frame.size при применении трансформаций.

Когда вы добавляете subview и устанавливаете его frame, вы фактически указываете его положение относительно bounds superview.

let superview = UIView(frame: CGRect(x: 20, y: 20, width: 200, height: 200))
let subview = UIView(frame: CGRect(x: 50, y: 50, width: 100, height: 100))
superview.addSubview(subview)
// Здесь subview.frame.origin = (50, 50) относительно superview.bounds.origin = (0, 0)

Авторазметка (Auto Layout) и якоря (anchors)

В современном iOS чаще используется Auto Layout. В этом случае положение view определяется с помощью constraints (ограничений), которые также устанавливаются относительно bounds superview или других соседних views.

let subview = UIView()
superview.addSubview(subview)

subview.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    subview.topAnchor.constraint(equalTo: superview.topAnchor, constant: 50), // Относительно верхней границы bounds superview
    subview.leftAnchor.constraint(equalTo: superview.leftAnchor, constant: 50),
    subview.widthAnchor.constraint(equalToConstant: 100),
    subview.heightAnchor.constraint(equalToConstant: 100)
])

Константы (constants) в constraints добавляются к соответствующей стороне bounds superview.

Особые случаи и трансформации

• Трансформации (transform): Если к superview применена трансформация (например, масштабирование или вращение), его frame может стать неопределённым (например, содержать отрицательные размеры), но bounds остаётся неизменным. Subview всегда располагается относительно этого неизменного bounds.
• UIScrollView и его содержимое: В UIScrollView положение subviews (контента) определяется относительно его bounds, которые меняются при скроллинге (bounds.origin отражает offset). Это позволяет контенту оставаться стабильным внутри scrollable области.

Ключевые принципы для запоминания

1. Иерархия координатных систем: Каждый view имеет свою локальную систему координат (bounds). При добавлении subview его координаты преобразуются из локальной системы superview в систему его родителя.
2. Расположение относительно bounds: Все вычисления позиции (через frame или Auto Layout) опираются на bounds.origin superview, который обычно равен (0, 0).
3. Независимость от frame после трансформаций: После применения transform к superview, работа с frame становится проблематичной, но bounds предоставляет стабильную основу для размещения subviews.
4. Конвертация координат: Для перевода точки из координатной системы одного view в другую используйте методы convert(_:from:) и convert(_:to:).

let pointInSuperview = superview.convert(subview.frame.origin, from: subview)
// Преобразует точку из локальной системы subview в систему superview

Понимание этого различия между frame и bounds критично для правильного манипулирования иерархией views, создания адаптивных интерфейсов и избегания распространённых ошибок при работе с позиционированием элементов на экране.