UIView frame, bounds and center

Ponieważ pytanie, które zadałem, było wielokrotnie widziane, podam na nie szczegółową odpowiedź. Możesz go zmodyfikować, jeśli chcesz dodać więcej poprawnych treści.

Najpierw podsumowanie na pytanie: rama, granice i centrum i ich relacje.

Frame a view ' S frame (CGRect) jest położeniem jego prostokąta w układzie współrzędnych superview. Domyślnie zaczyna się w lewym górnym rogu.

Bounds a view ' s bounds (CGRect) wyraża pogląd prostokąt we własnym układzie współrzędnych.

Środek A center jest CGPoint wyrażony w układzie współrzędnych superview i określa położenie dokładnego punktu środkowego punktu widzenia.

Wzięte z UIView + position są to relacje (nie działają w kodzie, ponieważ są równaniami nieformalnymi) między poprzednimi właściwości:

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

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

• frame.size = bounds.size

Uwaga: te relacje nie mają zastosowania, jeśli widoki są obrócone. Aby uzyskać więcej informacji, proponuję spojrzeć na poniższe zdjęcie wykonane z Szuflada kuchenna na podstawie Stanford CS193p oczywiście. Podziękowania dla @ rabarbar .

Korzystanie z frame pozwala na zmień położenie i / lub zmień rozmiar widoku w jego superview. Zwykle może być używany z superview, na przykład podczas tworzenia określonego widoku podrzędnego. Na przykład:

// 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];

Kiedy potrzebujesz współrzędnych do rysowania wewnątrz view, Zwykle odnosisz się do bounds. Typowym przykładem może być rysowanie w obrębie view subview jako wstawka pierwszego. Rysowanie subview wymaga znajomości bounds superview. Na przykład:

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];

Różne zachowania zdarzają się, gdy zmieniasz bounds z widok. Na przykład, jeśli zmienisz bounds size, zmiany frame (i vice versa). Zmiana zachodzi wokół center widoku. Użyj poniższego kodu i zobacz, co się stanie:

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

Ponadto, jeśli zmienisz bounds origin zmieniasz origin jego wewnętrznego układu współrzędnych. Domyślnie origin znajduje się w (0.0, 0.0) (lewy górny róg). Na przykład, jeśli zmienisz origin na view1, możesz zobaczyć (skomentuj poprzedni kod, jeśli chcesz), że teraz lewy górny róg view2 dotyka view1 jeden. Motywacja jest dość prosta. Mówisz do view1, że jej lewy górny róg jest teraz na pozycji (20.0, 20.0), ale od view2 ' s frame origin zaczyna się od (20.0, 20.0), będą się pokrywać.

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

origin reprezentuje pozycję view w jej superview, ale opisuje pozycję bounds środka.

Wreszcie, bounds i origin nie są pojęciami pokrewnymi. Oba pozwalają na wyprowadzenie frame widoku (patrz poprzednie równania).

Etui View1 badanie

Oto, co dzieje się podczas korzystania z poniższego fragmentu.

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

Obraz relatywny.

Zamiast tego, co się stanie, jeśli zmienię [self view] granice, jak poniżej.

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

Obraz relatywny.

Tutaj mówisz [self view], że jej lewy górny róg znajduje się teraz na pozycji (30.0, 20.0), ale ponieważ początek ramki view1 zaczyna się od (30.0, 20.0), będą się pokrywać.

Dodatkowe referencje (aby zaktualizować inne referencje, jeśli chcesz)

• UIView Geometry
• ramki i obramowania UIView

O clipsToBounds (źródło Apple doc)

Ustawienie tej wartości na yes powoduje przycinanie podglądów do granic odbiornika. Jeśli ustawiono na nie, podwidywacze, których ramki wykraczają poza widoczne granice odbiornika nie są przycięte. Wartością domyślną jest Nie.

Innymi słowy, jeśli Widok frame to (0, 0, 100, 100), a jego subview to (90, 90, 30, 30), zobaczysz tylko część tego subview. Ten ostatni nie przekroczy granic widoku nadrzędnego.

masksToBounds jest równoważne clipsToBounds. Zamiast UIView, właściwość ta jest stosowana do CALayer. Pod maską, clipsToBounds rozmowy masksToBounds. W celu uzyskania dalszych odniesień zajrzyj do jak wygląda relacja między Clipstoboundami UIView i maskstoboundami Calayera?.