AspectFit থেকে কোনও UIButton এ চিত্র স্কেল করবেন?

Question 1

আমি কোনও ইউআইবুটনে একটি চিত্র যুক্ত করতে চাই এবং আমার চিত্রটি ইউআইবাটনটির সাথে মানিয়ে নিতে চাই (চিত্রটিকে আরও ছোট করুন)। কিভাবে এটি করতে দয়া করে আমাকে দেখান।

এটি আমি চেষ্টা করেছি, তবে এটি কার্যকর হয় না:

বোতামে চিত্র যুক্ত করা এবং ব্যবহার করা হচ্ছে setContentMode:

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

একটি "প্রসারিত চিত্র" তৈরি করা:

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

Question 2

আপনি যদি সত্যিই কোনও চিত্র স্কেল করতে চান তবে এটি করুন, তবে এটি ব্যবহারের আগে আপনার এটির আকার পরিবর্তন করা উচিত। চলমান সময়ে এটির আকার পরিবর্তন করা মাত্র সিপিইউ চক্র হারাবে।

এই চিত্রটি আমি কোনও চিত্রকে স্কেল করতে ব্যবহার করছি:

ইউআইআইমেজ + অতিরিক্ত

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

ইউআইআইমেজ + এক্সট্রা.মি

@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

আপনি এটি আপনার পছন্দ মতো আকারে ব্যবহার করতে পারেন। পছন্দ:

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

Question 3

আমারও একই সমস্যা ছিল। ইউআইবাটনের অভ্যন্তরে থাকা চিত্রভিউয়ের কন্টেন্টমোডটি কেবল সেট করুন।

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

আশাকরি এটা সাহায্য করবে.

Question 4

এখানে উত্তরগুলির মধ্যে সত্যই আমার পক্ষে কাজ করেনি, আমি নিম্নলিখিত কোড দিয়ে সমস্যার সমাধান করেছি:

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

আপনি ইন্টারফেস বিল্ডারে এটিও করতে পারেন।

Question 5

প্রোগ্রাম ফিমেটিক্যালি ফিট মোডে একটি ইউআইবাটন ইমেজভিউ সেট করার সহজতম উপায় :

সুইফট

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

উদ্দেশ্য গ

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

দ্রষ্টব্য: আপনি একটি দৃষ্টিভঙ্গি পূরণের মোড সেট করতে .scaleAspectFit (ইউআইভিউসকন্টেন্টমোডস্কেলএস্পেক্টফিট) থেকে।

Question 6

চিত্রটি আনুপাতিকভাবে পুনরায় আকার না দেওয়ার সাথে আমার সমস্যা ছিল তাই আমি যেভাবে এটি স্থির করেছিলাম তা প্রান্তের ইনসেটগুলি ব্যবহার করে।

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

Question 7

এটি এখন আইবির ইউআইবাটন বৈশিষ্ট্যগুলির মাধ্যমে করা যেতে পারে। কীটি হ'ল আপনার চিত্রটিকে ব্যাকগ্রাউন্ড হিসাবে সেট করুন, অন্যথায় এটি কাজ করবে না।

এখানে চিত্র বর্ণনা লিখুন

Question 8

ডেভের উত্তরটি প্রসারিত করে আপনি রানটাইম বৈশিষ্ট্য ব্যবহার করে কোনও কোড ছাড়াই আইবিতে সমস্ত contentModeবোতামটি সেট করতে পারেন imageView:

1মানে UIViewContentModeScaleAspectFit,
2মানে হবে UIViewContentModeScaleAspectFill।

Question 9

আপনি যদি কেবল নিজের বোতামের চিত্রটি হ্রাস করতে চান:

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

Question 10

1 - সাফ বাটন ডিফল্ট পাঠ্য (গুরুত্বপূর্ণ)

2 - চিত্রের মতো প্রান্তিককরণ সেট করুন

3 - চিত্রের মতো সামগ্রী মোড সেট করুন

Question 11

আমার কাছে এমন একটি পদ্ধতি রয়েছে যা আমার পক্ষে তা করে। পদ্ধতিটি গ্রহণ করে UIButtonএবং চিত্রের দিকটি ফিট করে।

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

Question 12

সবচেয়ে পরিষ্কার সমাধানটি হ'ল অটো লেআউট ব্যবহার করা । আমি আমার সামগ্রীর সংক্ষেপণ প্রতিরোধের অগ্রাধিকারটিকে হ্রাস করেছি UIButtonএবং ইন্টারফেস বিল্ডারের মাধ্যমে চিত্রটি ( ব্যাকগ্রাউন্ড চিত্র নয় ) সেট করেছি । এর পরে আমি কয়েকটি বাধা যুক্ত করেছি যা আমার বোতামের আকার নির্ধারণ করে (আমার ক্ষেত্রে বেশ জটিল) এবং এটি কবজির মতো কাজ করে।

Question 13

নিশ্চিত হয়ে নিন যে আপনি চিত্রটি চিত্রের বৈশিষ্ট্যে সেট করেছেন তবে ব্যাকগ্রাউন্ডে নয়

Question 14

ব্যাকগ্রাউন্ড চিত্রটি খুব সহজেই স্কেল এপেক্ট ফিল পূরণে সেট করা যায়। ইউআইবাটনের একটি সাবক্লাসে এই জাতীয় কিছু করা দরকার:

- (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;
}

Question 15

সুইফ্ট 5.0

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

Question 16

Xamarin.iOS (সি #) এর জন্য:

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

Question 17

আপনাকে কেবল তিনটি ইভেন্টের জন্য ইউআইবাটন ইমেজভিউয়ের সামগ্রী মোড সেট করতে হবে। -

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

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

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

হাইলাইট করার সময় বা বোতামের আকারটি স্কোয়াআর হয় এবং চিত্রের আকারটি আয়তক্ষেত্রাকার হয় তা নির্বাচন করার সময় আমাদের কাছে তিনটি ইভেন্ট বেকোজের কোড রয়েছে তবে তা হাইলাইট করার সময় বা নির্বাচনের সময় এটি স্কোয়ার চিত্রটি প্রদর্শন করবে।

আমি নিশ্চিত এটি আপনার পক্ষে কাজ করবে।