Рамка UIView, границы и центр

На этот вопрос уже есть хороший ответ, но я хочу дополнить его еще несколькими картинками. Мой полный ответ здесь.

Чтобы помочь мне запомнить рамку, я думаю о рамке на стене. Точно так же, как изображение можно переместить в любое место на стене, система координат рамки вида - это супервизор. (стена = супервизор, рамка = вид)

Чтобы запомнить границы, я думаю о границах баскетбольной площадки. Баскетбольный мяч находится где-то внутри площадки, точно так же, как система координат границ обзора находится внутри самого обзора. (площадка = вид, баскетбол / игроки = содержимое в поле зрения)

Как и фрейм, view.center также находится в координатах супервизора.

Рамка против границ - Пример 1

Желтый прямоугольник представляет собой рамку вида. Зеленый прямоугольник представляет границы представления. Красная точка на обоих изображениях представляет начало кадра или границ в их системах координат.

Frame
    origin = (0, 0)
    width = 80
    height = 130

Bounds 
    origin = (0, 0)
    width = 80
    height = 130

Пример 2

Frame
    origin = (40, 60)  // That is, x=40 and y=60
    width = 80
    height = 130

Bounds 
    origin = (0, 0)
    width = 80
    height = 130

Пример 3

Frame
    origin = (20, 52)  // These are just rough estimates.
    width = 118
    height = 187

Bounds 
    origin = (0, 0)
    width = 80
    height = 130

Пример 4

Это то же самое, что и в примере 2, за исключением того, что на этот раз все содержимое представления отображается так, как если бы оно не было обрезано до границ представления.

Frame
    origin = (40, 60)
    width = 80
    height = 130

Bounds 
    origin = (0, 0)
    width = 80
    height = 130

Пример 5

Frame
    origin = (40, 60)
    width = 80
    height = 130

Bounds 
    origin = (280, 70)
    width = 80
    height = 130

Опять же, мой ответ с более подробной информацией см. здесь.

Я нашел это изображение наиболее полезным для понимания рамки, границ и т. Д.

Также обратите внимание, что frame.size != bounds.size при повороте изображения.

Думаю, если подумать с точки зрения CALayer, все яснее.

Фрейм вообще не является отдельным свойством вида или слоя, это виртуальное свойство, вычисляемое на основе границ, положения (центр UIView) и преобразования.

Итак, в основном то, как макеты слоя / представления на самом деле определяются этими тремя свойствами (и anchorPoint), и ни одно из этих трех свойств не меняет никаких других свойств, например, изменение преобразования не меняет границ.

На этот пост есть очень хорошие ответы с подробным объяснением. Я просто хотел бы сослаться на то, что есть еще одно объяснение с визуальным представлением значения Frame, Bounds, Center, Transform, Bounds Origin в видео WWDC 2011 Общие сведения о рендеринге UIKit с @ 16:22 до 20:10

Прочитав приведенные выше ответы, я добавляю свои интерпретации.

Предположим, вы просматриваете страницы в Интернете, а веб-браузер - это ваш frame, который решает, где и какого размера отображать веб-страницу. Скроллер браузера - это ваш bounds.origin, который решает, какая часть веб-страницы будет отображаться. bounds.origin трудно понять. Лучший способ научиться - создать приложение с одним представлением, попытаться изменить эти параметры и посмотреть, как меняются подпредставления.

- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.

UIView *view1 = [[UIView alloc] initWithFrame:CGRectMake(100.0f, 200.0f, 200.0f, 400.0f)];
[view1 setBackgroundColor:[UIColor redColor]];

UIView *view2 = [[UIView alloc] initWithFrame:CGRectInset(view1.bounds, 20.0f, 20.0f)];
[view2 setBackgroundColor:[UIColor yellowColor]];
[view1 addSubview:view2];

[[self view] addSubview:view1];

NSLog(@"Old view1 frame %@, bounds %@, center %@", NSStringFromCGRect(view1.frame), NSStringFromCGRect(view1.bounds), NSStringFromCGPoint(view1.center));
NSLog(@"Old view2 frame %@, bounds %@, center %@", NSStringFromCGRect(view2.frame), NSStringFromCGRect(view2.bounds), NSStringFromCGPoint(view2.center));

// Modify this part.
CGRect bounds = view1.bounds;
bounds.origin.x += 10.0f;
bounds.origin.y += 10.0f;

// incase you need width, height
//bounds.size.height += 20.0f;
//bounds.size.width += 20.0f;

view1.bounds = bounds;

NSLog(@"New view1 frame %@, bounds %@, center %@", NSStringFromCGRect(view1.frame), NSStringFromCGRect(view1.bounds), NSStringFromCGPoint(view1.center));
NSLog(@"New view2 frame %@, bounds %@, center %@", NSStringFromCGRect(view2.frame), NSStringFromCGRect(view2.bounds), NSStringFromCGPoint(view2.center));