Nút tùy chỉnh iOS tương tự như barbutton

Question

Tôi muốn đặt các nút ở các vị trí khác nhau (không phải trong thanh điều hướng), có văn bản động. Tôi muốn họ trông giống như các mục nút thanh điều hướng màu đen (với gradient màu xám và đen).

Tôi làm cách nào để tạo những thứ này? Chúng cần phải là chiều rộng động dựa trên văn bản của nút. Tôi biết tôi có thể tạo tệp png và kéo dài chúng, nhưng có cách nào tốt hơn không?

Answer 1

Bạn sẽ cần tự tạo nút bằng hình ảnh. Đơn giản chỉ cần tạo ra một UIButton tùy chỉnh và gán hình ảnh thích hợp cho các nút khác nhau khẳng định bạn đang quan tâm.

Bạn có thể sử dụng UIImage 's stretchableImageWithLeftCapWidth phương pháp để tạo ra một hình ảnh căng ra từ một hình ảnh được thiết kế để kéo dài và sử dụng NSString' s sizeWithFont phương pháp để xác định kích thước của nút.

http://developer.apple.com/library/ios/documentation/uikit/reference/UIImage_Class/Reference/Reference.html#//apple_ref/occ/instm/UIImage/stretchableImageWithLeftCapWidth:topCapHeight:

Something như thế này có thể làm các trick:

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; 

int capHeight = 31; 
int capWidth = 9; 
UIImage *buttonTemplate = [UIImage imageNamed:@"button_template.png"]; 
UIImage *stretchedButtonImage = [buttonTemplate stretchableImageWithLeftCapWidth:capWidth topCapHeight:capHeight]; 
[button setBackgroundImage:stretchedButtonImage forState:UIControlStateNormal];