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

Този въпрос вече има добър отговор, но искам да го допълня с още няколко снимки. Пълният ми отговор е тук.

За да ми помогне да запомня рамка, сещам се за рамка за картина на стена. Точно както една картина може да бъде преместена навсякъде по стената, координатната система на рамката на изгледа е суперизгледът. (стена=изглед, рамка=изглед)

За да ми помогне да запомня границите, се сещам за границите на баскетболно игрище. Баскетболната топка е някъде в игрището, точно както координатната система на границите на изгледа е в самия изглед. (корт=изглед, баскетбол/играчи=съдържание в изгледа)

Подобно на рамката, view.center също е в координатите на superview.

Рамка срещу граници - Пример 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 от @4: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));