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

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

сначала резюме по вопросу: фрейм, границы и центр и их отношения.

рама вида frame (CGRect) - это положение его прямоугольника в superviewсистема координат. По умолчанию он начинается в левом верхнем углу.

границы A вид bounds (CGRect) выражает прямоугольник вида в его собственной системе координат.

центр A center это CGPoint выражается в терминах superviewсистема координат и она определяет положение точной центральной точки зрения.

принято от UIView + position это отношения (они не работают в коде, так как они являются неформальными уравнениями) среди предыдущих свойства:

• frame.origin = center - (bounds.size / 2.0)

• center = frame.origin + (bounds.size / 2.0)

• frame.size = bounds.size

Примечание: эти отношения не применяются, если представления вращаются. Для получения дополнительной информации, я предлагаю вам взглянуть на следующее Изображение взято из На Кухне на основе Stanford CS193p конечно. Кредиты идут на @Rhubarb.

с помощью frame позволяет перемещать и / или изменять размер представления в его superview. Обычно можно использовать от superview, например, при создании определенного подвида. Например:

// view1 will be positioned at x = 30, y = 20 starting the top left corner of [self view]
// [self view] could be the view managed by a UIViewController
UIView* view1 = [[UIView alloc] initWithFrame:CGRectMake(30.0f, 20.0f, 400.0f, 400.0f)];    
view1.backgroundColor = [UIColor redColor];

[[self view] addSubview:view1];

когда вам нужны координаты для рисования внутри view вы обычно ссылаетесь на bounds. Типичным примером может быть рисование в пределах view подвид как вставка первого. Рисование подвида требуется знать bounds из суперпанель. Например:

UIView* view1 = [[UIView alloc] initWithFrame:CGRectMake(50.0f, 50.0f, 400.0f, 400.0f)];    
view1.backgroundColor = [UIColor redColor];

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

[view1 addSubview:view2];

различные поведения происходят, когда вы меняете bounds вид. Например, если вы измените boundssize на frame изменения (и наоборот). Изменение происходит вокруг center представления. Используйте приведенный ниже код и посмотрите, что произойдет:

NSLog(@"Old Frame %@", NSStringFromCGRect(view2.frame));
NSLog(@"Old Center %@", NSStringFromCGPoint(view2.center));    

CGRect frame = view2.bounds;
frame.size.height += 20.0f;
frame.size.width += 20.0f;
view2.bounds = frame;

NSLog(@"New Frame %@", NSStringFromCGRect(view2.frame));
NSLog(@"New Center %@", NSStringFromCGPoint(view2.center));

кроме того, если вы измените boundsorigin изменить origin его внутренней системы координат. По умолчанию origin на (0.0, 0.0) (верхний левый угол). Например, если вы измените origin на view1 вы можете увидеть (прокомментируйте предыдущий код, если хотите), что теперь верхний левый угол для view2 умиляет view1 один. Мотивация довольно проста. Ты говоришь view1 что его верхний левый угол теперь находится в положении (20.0, 20.0) но с тех пор view2 ' s frameorigin начинается с (20.0, 20.0) они будут совпадать.

CGRect frame = view1.bounds;
frame.origin.x += 20.0f;
frame.origin.y += 20.0f;
view1.bounds = frame; 

The origin представляет view ' s положение в его superview но описывает положение bounds центр.

наконец, bounds и origin не связанные понятия. Оба позволяют получить frame вида (см. предыдущие уравнения).

пример исследования View1

вот что происходит при использовании следующего фрагмента.

UIView* view1 = [[UIView alloc] initWithFrame:CGRectMake(30.0f, 20.0f, 400.0f, 400.0f)];
view1.backgroundColor = [UIColor redColor];

[[self view] addSubview:view1];

NSLog(@"view1's frame is: %@", NSStringFromCGRect([view1 frame]));
NSLog(@"view1's bounds is: %@", NSStringFromCGRect([view1 bounds]));
NSLog(@"view1's center is: %@", NSStringFromCGPoint([view1 center]));

относительное изображение.

это вместо того, что произойдет, если я изменю [self view] границы как следующие.

// previous code here...
CGRect rect = [[self view] bounds];
rect.origin.x += 30.0f;
rect.origin.y += 20.0f;
[[self view] setBounds:rect];

относительное изображение.

вот ты говоришь [self view] что его верхний левый угол теперь находится в положении (30.0, 20.0), но так как view1начало кадра начинается с (30.0, 20.0), они будут совпадать.

дополнительная литература (для обновления с другими ссылками, если вы хотите)

• UIView Geometry
• UIView Рамки и границы

о clipsToBounds (источник Apple doc)

установка этого значения в YES приводит к тому, что подвиды будут обрезаны до границ из приемника. Если задано значение нет, подвиды, фреймы которых выходят за пределы видимые границы приемника не обрезаются. Значение по умолчанию НЕТ.

другими словами, если вид frame и (0, 0, 100, 100) и его подвидом является (90, 90, 30, 30), вы увидите только часть этого подвида. Этот последний не будет выходить за пределы родительского представления.

masksToBounds эквивалентно clipsToBounds. Вместо этого к UIView это свойство применяется к CALayer. Под капотом, clipsToBounds звонки masksToBounds. Для дальнейших ссылок взгляните на каково отношение между clipsToBounds UIView и masksToBounds CALayer?.