Trình tạo giao diện (iPhone dev) nền nút tùy chỉnh Hình ảnh không tôn trọng Cài đặt kéo dài

Question

Tôi đang cố gắng tạo nút tùy chỉnh bằng cách sử dụng hình nền trong Trình tạo giao diện. Hình ảnh có các bộ phận có thể kéo giãn và không thể kéo giãn để có thể thay đổi kích cỡ.

IB phơi bày các thuộc tính Kéo dài để cho phép điều này, nhưng không có giá trị nào tôi đưa vào ảnh hưởng đến cách nút xuất hiện. Nó luôn luôn được kéo dài hoàn toàn để lấp đầy kích thước của khung.

Đây có phải là tính năng không được hỗ trợ này trong IB hoặc trong UIButton không?

http://img.skitch.com/20100103-rjabkq2c2jkqynw47crxepdtwb.jpg

(Lưu ý: Các giá trị rạn da ở trên không phải là những người sẽ làm việc với hình ảnh đúng, nhưng chỉ là giá trị tôi đã rối tung với tại thời điểm chụp màn hình)

Answer 1

Trong ví dụ này trong Bắt đầu phát triển iPhone 3 chỉ UIImage leftCapWidth và topCapHeight được sử dụng và hình ảnh được tạo/đặt theo chương trình, vì vậy đó là phương pháp thay thế nếu contentStretch không hoạt động.

Answer 2

Trong trường hợp bạn muốn nhiều hơn một pixel để kéo dài (ví dụ: mẫu ở giữa nút) UIImage có thể kéo giãn không hoạt động.

Nội dung của UIButtonStretch cũng không hoạt động bình thường.

Cách tôi giải quyết nó: Tôi đã phân loại UIButton và thêm UIImageView *backgroundImageView làm thuộc tính và đặt nó ở chỉ số 0 làm tiểu sử trong UIButton. Sau đó tôi đảm bảo trong layoutSubviews rằng nó phù hợp với nút hoàn toàn và thiết lập các trạng thái được đánh dấu của imageView. Tất cả những gì bạn cần làm là chuyển giao một UIImageView với contentStretch và contentMode chính xác được áp dụng.

.h tập tin

@interface ButtonWithBackgroundImage : UIButton { 
    UIImageView *backgroundImageView; 
} 
@property (retain) UIImageView *backgroundImageView; 
+ (ButtonWithBackgroundImage*)button; 
@end 

tập tin .m

@implementation ButtonWithBackgroundImage 
@synthesize backgroundImageView; 

+ (ButtonWithBackgroundImage*)button { 
return [self buttonWithType:UIButtonTypeCustom]; 
} 
- (void)setBackgroundImageView:(UIImageView*)img { 
    [backgroundImageView removeFromSuperview]; 
    [backgroundImageView release]; 

    backgroundImageView = [img retain]; 

    if(backgroundImageView){ 
     [self insertSubview:backgroundImageView atIndex:0]; 
     [self setNeedsLayout]; 
    } 
} 

- (void)setSelected:(BOOL)select { 
    [super setSelected:select]; 
    // we subclass the setSelect method to highlight the background imageview 
[backgroundImageView setHighlighted:select||self.highlighted]; 
} 
- (void)setHighlighted:(BOOL)highl { 
    [super setHighlighted:highl]; 

    // we subclass the setHighlighted method to highlight the background imageview  
    [backgroundImageView setHighlighted:highl||self.selected]; 
} 

- (void)layoutSubviews { 
    [super layoutSubviews]; 

    self.backgroundImageView.frame = self.bounds; 
} 

- (void)dealloc { 
    [backgroundImageView release]; 
    backgroundImageView = nil; 
    [super dealloc]; 
} 
@end 

Answer 3

tôi đã nhận nó làm việc !!! Giá trị phép thuật của tôi là 0,2 và 0,2.

Hình ảnh của tôi là một hộp trong một hộp, cả hai đều có các góc tròn.

Khi nó là 0,2 và 0,8, nó rời khỏi đỉnh của hình ảnh không được mở rộng, nhưng đáy được kéo dài và bị méo.

Tôi đoán, 0,2 đầu tiên là độ lệch nghĩa là không kéo dài bao nhiêu và thứ 2 có thể là độ dài. Ít nhất, 0,2 và 0,6 làm việc quá.

Về nguyên tắc, bạn có thể thực hiện thử nghiệm: chụp ảnh mạng tinh thể hoặc vòng tròn đồng tâm hoặc tô màu và kéo giãn nó. Nếu bạn làm, xin vui lòng gửi hình ảnh :).

Answer 4

Hình nền của nút sẽ luôn được thay đổi kích thước để lấp đầy khung; hình ảnh nền trước sẽ không được thay đổi kích cỡ (nếu không có văn bản, nó sẽ được căn giữa). Logic của kéo dài là nó thay đổi kích thước giữa trong khi rời khỏi biên giới còn nguyên vẹn; ví dụ, đối với hình chữ nhật tròn, điều này có nghĩa là các góc tròn sẽ không bị méo.

Answer 5

Sử dụng tính năng Cắt lát Xcode để chỉ định kích thước của khu vực trung tâm có thể thay đổi kích thước của hình ảnh và tùy chọn chỉ định mũ kết thúc, là khu vực của hình ảnh không được lấp đầy bởi khu vực có thể thay đổi kích thước. Xem About Asset Catalogs