resizableImageWithCapInsets를 사용하여 신축성있는 이미지 계산

Question

resizableImageWithCapInsets의 매개 변수를 계산하는 데 어려움을 겪고 있습니다.

나는 Facebook 로그인을 위해 사용할 버튼 이미지를 만들었습니다. 나는 페이스 북의 'f'를 정적으로, 나머지는 스트레칭하기를 당신이 상상할 수 있음을 확신합니다. 결과 여기

UIImage *facebookButton = [[UIImage imageNamed:@"FacebookLogin"] 
          resizableImageWithCapInsets:UIEdgeInsetsMake(18, 36, 18, 18)]; 

한다 : 나는 웹하지만 난에 this explanation을 따르도록 노력했다

이

가장 가까운 출력을 내 코드입니다 이해하기 어렵다. 누구든지 이것에 대한 올바른 크기뿐만 아니라 유용한 튜토리얼/가이드를 잘 알고 있다면 좋습니다.

Answer 1

버튼의 프레임을 이미지보다 크게 설정 한 것처럼 보입니다. 'f'가 잘 펴지 않는 것처럼 작동하지 않습니다. 가장 좋은 해결책은 버튼의 프레임을 이미지와 동일한 높이 (36 픽셀)로 설정하는 것입니다. 당신이이처럼 세트를 설정해야한다면 :

UIEdgeInsetsMake(4, 36, 31, 35) 

이 왼쪽 아래에있는 로고를 떠나, 단지 'F'위 둥근 모서리 아래에있는 파란색 선을 스트레칭합니다. (삽 ​​입 순서는 위, 오른쪽, 아래, 왼쪽으로 진행됩니다.)

Answer 2

게시 한 링크에서 이미지가없는 버튼 만 사용하고 있습니다. 전체 버튼이 여전히 늘어나고, 버튼에 이미지가 있으면 결과가 나타납니다.

당신은 종류의이처럼 '아이콘'과 '텍스트'부분으로 이미지를 분할해야합니다 :

내가의 Obj-C에 새로운 해요,하지만 희망이 도움이됩니다.