chia tỷ lệ hình ảnh trong UIButton thành AspectFit?

Tôi muốn thêm hình ảnh vào UIButton và cũng muốn chia tỷ lệ hình ảnh của mình để vừa với UIButton (thu nhỏ hình ảnh). Vui lòng chỉ cho tôi cách làm.

Đây là những gì tôi đã thử, nhưng nó không hoạt động:

• Thêm hình ảnh vào nút và sử dụng setContentMode:

[self.itemImageButton setImage:stretchImage forState:UIControlStateNormal];
[self.itemImageButton setContentMode:UIViewContentModeScaleAspectFit];

• Tạo một "hình ảnh kéo dài":

UIImage *stretchImage = [updatedItem.thumbnail stretchableImageWithLeftCapWidth:0 topCapHeight:0];

Nếu bạn thực sự muốn chia tỷ lệ hình ảnh, hãy làm điều đó, nhưng bạn nên thay đổi kích thước trước khi sử dụng. Thay đổi kích thước nó trong thời gian chạy sẽ chỉ làm mất chu kỳ CPU.

Đây là danh mục tôi đang sử dụng để chia tỷ lệ hình ảnh:

UIImage + Extra.h

@interface UIImage (Extras)
- (UIImage *)imageByScalingProportionallyToSize:(CGSize)targetSize;
@end;

UIImage + Extra.m

@implementation UIImage (Extras)

- (UIImage *)imageByScalingProportionallyToSize:(CGSize)targetSize {

UIImage *sourceImage = self;
UIImage *newImage = nil;

CGSize imageSize = sourceImage.size;
CGFloat width = imageSize.width;
CGFloat height = imageSize.height;

CGFloat targetWidth = targetSize.width;
CGFloat targetHeight = targetSize.height;

CGFloat scaleFactor = 0.0;
CGFloat scaledWidth = targetWidth;
CGFloat scaledHeight = targetHeight;

CGPoint thumbnailPoint = CGPointMake(0.0,0.0);

if (!CGSizeEqualToSize(imageSize, targetSize)) {

        CGFloat widthFactor = targetWidth / width;
        CGFloat heightFactor = targetHeight / height;

        if (widthFactor < heightFactor) 
                scaleFactor = widthFactor;
        else
                scaleFactor = heightFactor;

        scaledWidth  = width * scaleFactor;
        scaledHeight = height * scaleFactor;

        // center the image

        if (widthFactor < heightFactor) {
                thumbnailPoint.y = (targetHeight - scaledHeight) * 0.5; 
        } else if (widthFactor > heightFactor) {
                thumbnailPoint.x = (targetWidth - scaledWidth) * 0.5;
        }
}


// this is actually the interesting part:

UIGraphicsBeginImageContextWithOptions(targetSize, NO, 0);

CGRect thumbnailRect = CGRectZero;
thumbnailRect.origin = thumbnailPoint;
thumbnailRect.size.width  = scaledWidth;
thumbnailRect.size.height = scaledHeight;

[sourceImage drawInRect:thumbnailRect];

newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

if(newImage == nil) NSLog(@"could not scale image");


return newImage ;
}

@end

Bạn có thể sử dụng nó với kích thước bạn muốn. Giống :

[self.itemImageButton setImage:[stretchImage imageByScalingProportionallyToSize:CGSizeMake(20,20)]];

Tôi đã từng gặp vấn đề tương tự. Chỉ cần đặt ContentMode của ImageView bên trong UIButton.

[[self.itemImageButton imageView] setContentMode: UIViewContentModeScaleAspectFit];
[self.itemImageButton setImage:[UIImage imageNamed:stretchImage] forState:UIControlStateNormal];

Hi vọng điêu nay co ich.

Không có câu trả lời nào ở đây thực sự phù hợp với tôi, tôi đã giải quyết vấn đề bằng đoạn mã sau:

button.contentMode = UIViewContentModeScaleToFill;
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
button.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;

Bạn cũng có thể làm điều này trong Trình tạo giao diện.

Cách dễ nhất để đặt một UIButton imageView theo cách lập trình ở chế độ phù hợp với khía cạnh :

Nhanh

button.contentHorizontalAlignment = .fill
button.contentVerticalAlignment = .fill
button.imageView?.contentMode = .scaleAspectFit

Objective-C

button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
button.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;
button.imageView.contentMode = UIViewContentModeScaleAspectFit;

Lưu ý: Bạn có thể thay đổi .scaleAspectFit (UIViewContentModeScaleAspectFit) thành .scaleAspectFill (UIViewContentModeScaleAspectFill) để đặt chế độ lấp đầy khía cạnh

Tôi đã gặp sự cố với hình ảnh không thay đổi kích thước tương xứng nên cách tôi sửa nó là sử dụng các tấm lót cạnh.

fooButton.contentEdgeInsets = UIEdgeInsetsMake(10, 15, 10, 15);

Điều này hiện có thể được thực hiện thông qua các thuộc tính UIButton của IB. Điều quan trọng là đặt hình ảnh của bạn làm nền, nếu không nó sẽ không hoạt động.

Mở rộng câu trả lời của Dave, bạn có thể đặt tất cả contentModecác nút imageViewtrong IB mà không cần bất kỳ mã nào, sử dụng Thuộc tính thời gian chạy:

• 1nghĩa là UIViewContentModeScaleAspectFit,
• 2có nghĩa là UIViewContentModeScaleAspectFill.

Nếu bạn chỉ muốn giảm hình ảnh nút của mình:

yourButton.contentMode = UIViewContentModeScaleAspectFit;
yourButton.imageEdgeInsets = UIEdgeInsetsMake(10, 10, 10, 10);

1 - xóa văn bản mặc định của Nút (quan trọng)

2 - đặt căn chỉnh như hình ảnh

3 - đặt chế độ nội dung như hình ảnh

Tôi có một phương pháp làm điều đó cho tôi. Phương pháp lấy UIButtonvà làm cho phù hợp với khía cạnh hình ảnh.

-(void)makeImageAspectFitForButton:(UIButton*)button{
    button.imageView.contentMode=UIViewContentModeScaleAspectFit;
    button.contentHorizontalAlignment=UIControlContentHorizontalAlignmentFill;
    button.contentVerticalAlignment=UIControlContentVerticalAlignmentFill;
}

Giải pháp rõ ràng nhất là sử dụng Bố cục Tự động . Tôi đã giảm Mức độ ưu tiên kháng nén nội dung của mình UIButtonvà đặt hình ảnh (không phải Hình nền ) thông qua Trình tạo giao diện . Sau đó, tôi đã thêm một số ràng buộc xác định kích thước của nút của tôi (khá phức tạp trong trường hợp của tôi) và nó hoạt động như một sự quyến rũ.

đảm bảo rằng bạn đã đặt hình ảnh thành thuộc tính Hình ảnh, nhưng không đặt cho Nền

Hình nền thực sự có thể được đặt thành tỷ lệ lấp đầy khía cạnh khá dễ dàng. Chỉ cần làm một cái gì đó như thế này trong một lớp con của UIButton:

- (CGRect)backgroundRectForBounds:(CGRect)bounds
{
    // you'll need the original size of the image, you 
    // can save it from setBackgroundImage:forControlState
    return CGRectFitToFillRect(__original_image_frame_size__, bounds);
}

// Utility function, can be saved elsewhere
CGRect CGRectFitToFillRect( CGRect inRect, CGRect maxRect )
{
    CGFloat origRes = inRect.size.width / inRect.size.height;
    CGFloat newRes = maxRect.size.width / maxRect.size.height;

    CGRect retRect = maxRect;

    if (newRes < origRes)
    {
        retRect.size.width = inRect.size.width * maxRect.size.height / inRect.size.height;
        retRect.origin.x = roundf((maxRect.size.width - retRect.size.width) / 2);
    }
    else
    {
        retRect.size.height = inRect.size.height * maxRect.size.width / inRect.size.width;
        retRect.origin.y = roundf((maxRect.size.height - retRect.size.height) / 2);
    }

    return retRect;
}

Swift 5.0

 myButton2.contentMode = .scaleAspectFit
 myButton2.contentHorizontalAlignment = .fill
 myButton2.contentVerticalAlignment = .fill

Đối với Xamarin.iOS (C #):

    myButton.VerticalAlignment = UIControlContentVerticalAlignment.Fill;
    myButton.HorizontalAlignment = UIControlContentHorizontalAlignment.Fill;
    myButton.ImageView.ContentMode = UIViewContentMode.ScaleAspectFit;

Bạn chỉ cần đặt chế độ nội dung của UIButton imageview cho ba sự kiện. -

[cell.button setImage:[UIImage imageWithData:data] forState:UIControlStateNormal];

[cell.button setImage:[UIImage imageWithData:data] forState:UIControlStateHighlighted];

[cell.imgIcon setImage:[UIImage imageWithData:data] forState:UIControlStateSelected];

Chúng tôi có mã cho ba bcoz sự kiện trong khi đánh dấu hoặc chọn nếu kích thước nút là SQUARE và kích thước hình ảnh là hình chữ nhật thì nó sẽ hiển thị hình ảnh vuông tại thời điểm đánh dấu hoặc chọn.

Tôi chắc chắn nó sẽ làm việc cho bạn.