Jak działa UIEdgeInsetsMake?

Zgodnie z dokumentacją:

Można użyć tej metody, aby dodać wkładki cap do obrazu lub zmienić istniejące wkładki cap obrazu. W obu przypadkach odzyskujesz nowy obraz, a oryginalny obraz pozostaje nietknięty.

Podczas skalowania lub zmiany rozmiaru obrazu obszary objęte nakładką nie są skalowane ani zmieniane. Zamiast tego obszar pikseli, który nie jest zakryty przez nasadkę w każdym kierunku, jest kafelkowany od lewej do prawej i od góry do dołu, aby zmienić rozmiar obrazu. Technika ta jest często służy do tworzenia przycisków o zmiennej szerokości, które zachowują te same zaokrąglone rogi, ale których obszar środkowy rośnie lub kurczy się w razie potrzeby. Aby uzyskać najlepszą wydajność, użyj kafelkowego obszaru o rozmiarze 1x1 pikseli.

Więc wystarczy użyć ilości pikseli, które chcemy zrobić nieciągłymi w wartościach funkcji UIEdgeInsetsMake.

Powiedzmy, że masz obraz 21x50 punktów (21x50 pikseli w standardowej rozdzielczości, 42x100 pikseli w rozdzielczości Retina "@2x") i chcesz, aby ten obraz był poziomo rozciągliwy, zachowując 10 punktów po lewej i po prawej stronie nietknięte podczas rozciągania obrazu, ale tylko rozciągnąć 1-punktowe szerokie pasmo w środku. Następnie użyjesz UIEdgeInsetsMake(0,10,0,10).

Nie przejmuj się, że są to pływaki (jest to przydatne na przykład przy zmianie rozmiaru subpikseli, ale w praktyce prawdopodobnie będziesz używał tylko liczb całkowitych (lub pływaków bez części dziesiętnych)

Bądź ostrożny, jest to metoda tylko iOS5+, niedostępna przed iOS5. Jeśli używasz pre-IOS5 SDK, użyj stretchableImageWithLeftCapWidth:topCapHeight: zamiast tego.

[EDIT] jakaś wskazówka używam od jakiegoś czasu, ponieważ nigdy nie pamiętam, w jakiej kolejności są pola struktury UIEdgeInsets - i w jakiej kolejności mamy przekazać argumenty do UIEdgeInsetsMake funkcji - wolę używać składni "descrigned inits" w następujący sposób:

UIEdgeInsets insets = { .left = 50, .right = 50, .top = 10, .bottom = 10 };

Lub gdy potrzebna jest wyraźna Obsada:

UIImage* rzImg = [image resizableImageWithCapInsets:(UIEdgeInsets){
   .left = 50, .right = 50,
   .top = 10, .bottom = 10
}];

Uważam, że jest bardziej czytelny, zwłaszcza, aby upewnić się, że nie mieszamy różnych granic/kierunków!