삼각형의 아이콘으로 버튼을 만들고 싶습니다.

Question

iBooks 앱 스타일과 같은 삼각형의 아이콘으로 버튼을 만들고 싶었습니다.

버튼을 누르면 목록 화면이 표시됩니다. 그런 다음 목록을 선택하면 단추의 설명이 선택한 텍스트와 삼각형 아이콘이됩니다. 아이콘은 항상 오른쪽입니다.

[self.button setImage:[UIImage imageNamed:@"arrow-down"] forState:UIControlStateNormal]; 
CGFloat titleWidth = self.button.titleLabel.bounds.size.width; 
CGFloat imageWidth = self.button.imageView.bounds.size.width; 
// Title is left Image is right 
self.button.titleEdgeInsets = UIEdgeInsetsMake(0, -imageWidth, 0, imageWidth); 
self.button.imageEdgeInsets = UIEdgeInsetsMake(0, titleWidth, 0, -titleWidth); 

그래서 샘플 앱을 만들려고했습니다.

https://github.com/kawai-hiroyuki/LikeIBooksDropDownMenu

그러나, 아이콘의 위치는 절대적으로 이탈합니다. 오른쪽에 설치하는 방법은 항상 아이콘입니다.

Answer 1

UIButton을 서브 클래 싱하고 setTitle:forState:을 오버라이드하여 유니 코드에 공간을 추가 한 다음 아래 화살표를 사용하여이 작업을 매우 쉽게 수행했습니다. 제목을 설정하면 화살표가 자동으로 올바른 글꼴로 추가됩니다. 당신은 예 또는 나 또한 내가 this을 건의 할 것입니다 드롭 다운 메뉴 다만 완전한 서브 클래스를 원하는 경우 또한 "매우 난 ... 이름 ▼"

- (void)setTitle:(NSString *)title forState:(UIControlState)state 
{ 
    title = [title stringByAppendingString:@" \u25BE"]; //Unicode - Small down arrow 
    [super setTitle:title forState:state]; 
    [self sizeToFit]; 
} 

으로 매우 긴 이름을 처리합니다. 면책 조항 : 내가 작성했습니다.

Answer 2

당신은 UIBezierPath 이것을 그릴 수, 당신의 UIButton 서브 클래스

static const float kTriangleHeight = 8.0f; 
static const float kTriangleWidth = 8.0f; 

UIBezierPath *trianglePath = [UIBezierPath bezierPath]; 
[trianglePath moveToPoint:CGPointMake(self.frame.size.width - kTriangleWidth - 3.0f, (self.frame.size.height/2) - kTriangleHeight/2)]; 
[trianglePath addLineToPoint:CGPointMake(self.frame.size.width - kTriangleWidth - 3.0f, (self.frame.size.height/2) + kTriangleHeight/2)]; 
[trianglePath addLineToPoint:CGPointMake(self.frame.size.width - 3.0f, self.frame.size.height/2)]; 
[trianglePath closePath]; 
[[UIColor blueColor] set]; 
[trianglePath fill];