[objective-c] UIView 프레임, 경계 및 중심

내가 묻는 질문은 여러 번 보였으므로 자세한 답변을 드리겠습니다. 더 정확한 내용을 추가하려면 자유롭게 수정하십시오.

먼저 질문에 대한 요약 : 프레임, 경계 및 중심과 관계.

프레임 보기 frame( CGRect)는 superview좌표계 에서 사각형의 위치입니다 . 기본적으로 왼쪽 상단에서 시작합니다.

경계 보기 bounds( CGRect)는 자체 좌표계로보기 사각형을 나타냅니다.

중심 A center는 의 좌표계 로 CGPoint표현되며 superview뷰의 정확한 중심점의 위치를 ​​결정합니다.

UIView + 위치 에서 가져온 이들은 이전 속성 간의 관계입니다 (비공식 방정식이므로 코드에서 작동하지 않습니다).

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

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

• frame.size = bounds.size

참고 : 뷰가 회전 된 경우 이러한 관계가 적용되지 않습니다. 자세한 내용 은 Stanford CS193p 코스를 기반으로 The Kitchen Drawer 에서 가져온 다음 이미지를 살펴보십시오 . 크레딧은 @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뷰 를 변경하면 다른 동작이 발생합니다 . 예를 들어,을 변경하면 변경 사항 bounds size이 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));

또한 변경 bounds origin하면 origin내부 좌표계가 변경 됩니다. 기본적으로 origin는 (0.0, 0.0)(왼쪽 상단)에 있습니다. 변경할 경우 예를 들어, origin에 대한 view1당신이 볼 수에 대한 이제 왼쪽 상단 (당신이 원하는 경우 이전 코드 주석) view2에 닿을 view1하나. 동기는 매우 간단합니다. view1왼쪽 상단이 현재 위치에 (20.0, 20.0)있지만 view2의 frame origin시작부터 (20.0, 20.0)일치 한다고 말합니다 .

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

의 내부 위치를 origin나타내지 만 중심 위치를 나타냅니다 .viewsuperviewbounds

마지막으로 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 형상
• UIView 프레임 및 바운드

clipsToBounds(출처 Apple Doc)에 관하여

이 값을 YES로 설정하면 서브 뷰가 수신자의 경계에 잘립니다. NO로 설정하면 프레임이 수신자의 가시 범위를 넘어 확장되는 서브 뷰는 클리핑되지 않습니다. 기본값은 NO입니다.

즉,보기 frame가 (0, 0, 100, 100)있고 해당 하위 보기가 인 경우 해당 하위 보기의 (90, 90, 30, 30)일부만 볼 수 있습니다. 후자는 상위 뷰의 범위를 초과하지 않습니다.

masksToBounds와 같습니다 clipsToBounds. 에 대신 UIView이 속성이에 적용됩니다 CALayer. 후드 아래에서을 clipsToBounds호출합니다 masksToBounds. 자세한 내용 은 UIView의 clipsToBounds와 CALayer의 masksToBounds 간의 관계는 무엇입니까?를 참조하십시오. .

답변

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

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

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

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

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

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

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

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

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

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

- (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));