iPhone có thể kéo giãnImageWithLeftCapWidth chỉ làm cho "D" s

Question

UIImage *aImage = [[UIImage imageNamed:@"Gray_Button.png"] stretchableImageWithLeftCapWidth:25 topCapHeight:0]; 

Cố gắng tạo một "nút chai thủy tinh".

"Stretch" làm gì nếu hình ảnh lớn hơn ... và nút tôi đang cố gắng sử dụng nó trên ... nhỏ hơn?

Hình ảnh có 'giãn' và 'thu nhỏ' không?

Lý do tôi hỏi ... là vì tất cả hình ảnh của tôi trông giống như hình chữ "D".

Phía bên trái là bình phương ... và bên phải được làm tròn.

Hình chữ D sẽ cho bạn biết rằng tôi đang làm gì sai? Quá nhiều .. hoặc quá ít ... "thiết lập leftCap"? Ảnh quá lớn?

Answer 1

Hình ảnh có thể kéo dài được chia thành 9 phần, nếu cả hai leftCapWidth và không đồng đều.

 leftCapWidth 
     <-----> 
     +--------------+^
     |  | |  | | 
     | A | | B | | topCapHeight 
     |-----+·+------| v 
     |-----+·+------| 
     | C | | D | 
     |  | |  | 
     +--------------+ 

Các bộ phận trung tâm luôn 1 px về kích thước, và đây là phần mà được kéo dài, ví dụ:

 leftCapWidth (constant!) 
     <-----> 
     +------------------+^
     |  |  |  | | 
     | A |  | B | | topCapHeight (constant!) 
    v |-----+ - - +------| v 
    | |  .  .  | 
    | |  .  .  | 
    ^|-----+ - - +------| 
     | C |  | D | 
     |  |  |  | 
     +------------------+ 
      >-----< 
     stretched region 

Để tạo một "nút thuốc thủy tinh", bạn nên điền vào tròn biên giới vào các khu vực A, B, C và D ở trên, và cung cấp bán kính của viên thuốc đó vào cả leftCapWidth và .

---

Ngoài ra, hình ảnh có thể kéo dài là không co ngót. Nếu bạn cố gắng sử dụng hình ảnh có thể kéo dài lớn hơn các nút (hoặc bất kỳ thứ gì khác) mà bạn muốn áp dụng, chúng có thể được hiển thị không chính xác (đặc biệt là trên iOS cũ hơn).

Answer 2

stretchableImageWithLeftCapWidth không hoạt động như bạn mong đợi. Tôi khuyên bạn nên sử dụng thuộc tính contentStretch của UIView để tiết kiệm cho bản thân.

FYI, cách cư xử stretchableImage là:

• nếu bạn thu nhỏ hình ảnh, nó chỉ clip các phần trên và bên trái của hình ảnh chứ không phải là kéo dài bất cứ điều gì.
• nếu bạn mở rộng hình ảnh, nó sẽ chỉ mở rộng cột pixel ngay bên dưới nắp trên cùng và hàng pixel ngay bên phải của nắp bên trái. Điều này làm việc cho đồ họa rất đơn giản nhưng sẽ trông lúng túng cho bất kỳ đồ họa có hiệu ứng như bóng hoặc bóng.

contentStretch, mặt khác, hoạt động giống như bạn mong đợi. Các đồ họa về cơ bản được chia thành 9 phần mở rộng VÀ HỢP ĐỒNG theo cách Kenny giải thích.

Ngoài ra, đừng quên rằng bất cứ lúc nào bạn kéo dài chế độ xem, nội dung của nóMã phải được đặt thành UIViewContentModeScaleToFill.